@pdf-viewer/react 0.6.0-beta.4 → 0.7.0-beta.0

package/dist/components/page/TextLayer.js

@@ -1,19 +1,29 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { T as g } from "../../RPLayout-fab06e11.js";
+import { p as z } from "../../RPDefaultLayout-4d897afb.js";
+import "../../contexts/DarkModeContext.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/LayerContext.js";
+import "../../contexts/ZoomContext.js";
+import "../../contexts/ViewModeContext.js";
+import "../../contexts/ScrollModeContext.js";
+import "../../contexts/VirtualScrollContext.js";
+import "../../contexts/VirtualGridContext.js";
+import "../../contexts/ScrollStateContext.js";
+import "../../contexts/ViewportContext.js";
+import "../../contexts/SelectionModeContext.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/FullScreenContext.js";
+import "../../contexts/FileInputContext.js";
+import "../../contexts/DropFileZoneContext.js";
+import "../../contexts/LayoutContainerContext.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../contexts/DarkModeContext.js";
 import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/RotateContext.js";
-import "../../contexts/ViewModeContext.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/ZoomContext.js";
 import "pdfjs-dist";
 import "../../utils/highlight.js";
 export {
-  g as TextLayer
+  z as TextLayer
 };

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as p } from "../../RPLayout-fab06e11.js";
+import { L as p } from "../../RPDefaultLayout-4d897afb.js";
 import "../../clsx-0c6e471a.js";
 export {
   p as default

package/dist/contexts/LayoutContainerContext.js

@@ -1,10 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
-import { createContext as u, useContext as a } from "react";
-const t = u({
+import { createContext as t, useContext as n } from "react";
+const e = t({
   container: null,
-  contentRef: null
-}), s = () => a(t), C = ({ children: o, container: n, contentRef: e }) => /* @__PURE__ */ r(t.Provider, { value: { container: n, contentRef: e }, children: o });
+  contentRef: null,
+  setContainer: () => {
+  },
+  setContentRef: () => {
+  }
+}), r = () => n(e);
 export {
-  C as LayoutContainerProvider,
-  s as useLayoutContainer
+  e as LayoutContainerContext,
+  r as useLayoutContainer
 };

package/dist/contexts/{PaginateContext.js → PaginationContext.js}

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import { P as p, k as n, u as P } from "../RPLayout-fab06e11.js";
+import { h as n, P as p, u as P } from "../RPDefaultLayout-4d897afb.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 import "./InitialStateContext.js";
 export {
-  p as PaginateContext,
-  n as PaginateProvider,
-  P as usePaginateContext
+  n as PaginateContext,
+  p as PaginateProvider,
+  P as usePaginationContext
 };

package/dist/contexts/PrintContext.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { p as e, q as n, c as p } from "../RPLayout-fab06e11.js";
+import { j as e, a as n, d as a } from "../RPDefaultLayout-4d897afb.js";
 export {
   e as PrintContext,
   n as PrintProvider,
-  p as usePrintContext
+  a as usePrintContext
 };

package/dist/contexts/{RotateContext.js → RotationContext.js}

@@ -1,8 +1,8 @@
-import { jsx as a } from "react/jsx-runtime";
-import { createContext as i, useContext as u, useState as c, useMemo as m } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as a, useContext as u, useState as c, useMemo as m } from "react";
 import { appConsole as l } from "../utils/appConsole.js";
 import { useInitialStateContext as p } from "./InitialStateContext.js";
-const r = i({
+const r = a({
   rotate: 0,
   setRotate: () => {
   }
@@ -14,10 +14,10 @@ const r = i({
     rotate: o,
     setRotate: e
   }), [o, e]);
-  return /* @__PURE__ */ a(r.Provider, { value: s, children: t });
+  return /* @__PURE__ */ i(r.Provider, { value: s, children: t });
 };
 export {
   r as RotateContext,
   P as RotateProvider,
-  x as useRotateContext
+  x as useRotationContext
 };

package/dist/contexts/SearchContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { S as a, g as s, d as S } from "../RPLayout-fab06e11.js";
+import { o as a, S as s, e as S } from "../RPDefaultLayout-4d897afb.js";
 export {
   a as SearchContext,
   s as SearchProvider,

package/dist/contexts/ThumbnailsContext.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { y as m, B as r, z as e } from "../RPLayout-fab06e11.js";
+import { l as i, T as r, m as e } from "../RPDefaultLayout-4d897afb.js";
 export {
-  m as ThumbnailContext,
+  i as ThumbnailContext,
   r as ThumbnailProvider,
   e as useThumbnailContext
 };

package/dist/main.js

@@ -1,36 +1,36 @@
-import { RPDocument as t } from "./components/RPDocument.js";
-import { a as x, R as n, b as s, u as m, c as p, d as u } from "./RPLayout-fab06e11.js";
-import { RPConfig as f } from "./components/RPConfig.js";
-import { RPTheme as i } from "./components/RPTheme.js";
-import { RPDropFileZone as R } from "./components/RPDropFileZone.js";
-import { useDarkModeContext as l } from "./contexts/DarkModeContext.js";
-import { useDocumentContext as c } from "./contexts/RPDocumentContext.js";
-import { useRotateContext as w } from "./contexts/RotateContext.js";
-import { useDarkModeProps as V } from "./utils/hooks/useDarkModeProps.js";
-import { useViewModeContext as g } from "./contexts/ViewModeContext.js";
-import { useDropFileZoneContext as k } from "./contexts/DropFileZoneContext.js";
-import { useOpenFileContext as b } from "./contexts/FileInputContext.js";
-import { useZoomContext as L } from "./contexts/ZoomContext.js";
-import { ScrollMode as T, ViewMode as j } from "./utils/types.js";
+import { RPProvider as t } from "./components/RPProvider.js";
+import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-4d897afb.js";
+import { RPConfig as u } from "./components/RPConfig.js";
+import { RPController as C } from "./components/RPController.js";
+import { RPTheme as l } from "./components/RPTheme.js";
+import { RPDropFileZone as d } from "./components/RPDropFileZone.js";
+import { useDarkModeContext as c } from "./contexts/DarkModeContext.js";
+import { useDocumentContext as M } from "./contexts/RPDocumentContext.js";
+import { useRotationContext as w } from "./contexts/RotationContext.js";
+import { useViewModeContext as h } from "./contexts/ViewModeContext.js";
+import { useDropFileZoneContext as V } from "./contexts/DropFileZoneContext.js";
+import { useOpenFileContext as k } from "./contexts/FileInputContext.js";
+import { useZoomContext as y } from "./contexts/ZoomContext.js";
+import { ScrollMode as O, ViewMode as T } from "./utils/types.js";
 export {
-  f as RPConfig,
-  t as RPDocument,
-  R as RPDropFileZone,
-  x as RPLayout,
-  i as RPTheme,
-  n as RPViewer,
-  T as ScrollMode,
-  j as ViewMode,
-  l as useDarkModeContext,
-  V as useDarkModeProps,
-  c as useDocumentContext,
-  k as useDropFileZoneContext,
+  u as RPConfig,
+  C as RPController,
+  x as RPDefaultLayout,
+  d as RPDropFileZone,
+  n as RPPages,
+  t as RPProvider,
+  l as RPTheme,
+  O as ScrollMode,
+  T as ViewMode,
+  c as useDarkModeContext,
+  M as useDocumentContext,
+  V as useDropFileZoneContext,
   s as useFileDownload,
-  b as useOpenFileContext,
-  m as usePaginateContext,
+  k as useOpenFileContext,
+  m as usePaginationContext,
   p as usePrintContext,
-  w as useRotateContext,
-  u as useSearchContext,
-  g as useViewModeContext,
-  L as useZoomContext
+  w as useRotationContext,
+  f as useSearchContext,
+  h as useViewModeContext,
+  y as useZoomContext
 };

package/dist/types/components/RPPages.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const RPPages: FC;

package/dist/types/components/RPProvider.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { RPProviderProps } from '../utils/types';
+export declare const RPProvider: FC<RPProviderProps>;

package/dist/types/components/layout/RPDefaultLayout.d.ts

@@ -0,0 +1,2 @@
+import { RPLayoutProps } from '../../utils/types';
+export declare const RPDefaultLayout: import('react').ForwardRefExoticComponent<RPLayoutProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,10 @@
-import { FC, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 interface Props extends PropsWithChildren {
     container: HTMLDivElement | null;
     contentRef: HTMLDivElement | null;
+    setContainer: (container: HTMLDivElement | null) => void;
+    setContentRef: (contentRef: HTMLDivElement | null) => void;
 }
+export declare const LayoutContainerContext: import('react').Context<Omit<Props, "children">>;
 export declare const useLayoutContainer: () => Omit<Props, "children">;
-export declare const LayoutContainerProvider: FC<Props>;
 export {};

package/dist/types/contexts/{PaginateContext.d.ts → PaginationContext.d.ts}

@@ -1,5 +1,5 @@
 import { FC, PropsWithChildren } from 'react';
 import { PageControlContextType } from '../utils/types';
 export declare const PaginateContext: React.Context<PageControlContextType>;
-export declare const usePaginateContext: () => PageControlContextType;
+export declare const usePaginationContext: () => PageControlContextType;
 export declare const PaginateProvider: FC<PropsWithChildren>;

package/dist/types/contexts/{RotateContext.d.ts → RotationContext.d.ts}

@@ -1,5 +1,5 @@
 import { FC, PropsWithChildren } from 'react';
 import { RotateContextType } from '../utils/types';
 export declare const RotateContext: import('react').Context<RotateContextType>;
-export declare const useRotateContext: () => RotateContextType;
+export declare const useRotationContext: () => RotateContextType;
 export declare const RotateProvider: FC<PropsWithChildren>;

package/dist/types/main.d.ts

@@ -1,14 +1,14 @@
-export { RPDocument } from './components/RPDocument';
-export { RPViewer } from './components/RPViewer';
+export { RPProvider } from './components/RPProvider';
+export { RPPages } from './components/RPPages';
 export { RPConfig } from './components/RPConfig';
-export { RPLayout } from './components/layout/RPLayout';
+export { RPDefaultLayout } from './components/layout/RPDefaultLayout';
+export { RPController } from './components/RPController';
 export { RPTheme } from './components/RPTheme';
 export { RPDropFileZone } from './components/RPDropFileZone';
 export { useDarkModeContext } from './contexts/DarkModeContext';
-export { usePaginateContext } from './contexts/PaginateContext';
+export { usePaginationContext } from './contexts/PaginationContext';
 export { useDocumentContext } from './contexts/RPDocumentContext';
-export { useRotateContext } from './contexts/RotateContext';
-export { useDarkModeProps } from './utils/hooks/useDarkModeProps';
+export { useRotationContext } from './contexts/RotationContext';
 export { useViewModeContext } from './contexts/ViewModeContext';
 export { useDropFileZoneContext } from './contexts/DropFileZoneContext';
 export { useFileDownload } from './utils/hooks/useFileDownload';
@@ -17,5 +17,5 @@ export { usePrintContext } from './contexts/PrintContext';
 export { useZoomContext } from './contexts/ZoomContext';
 export { useSearchContext } from './contexts/SearchContext';
 export { type PDFDocumentProxy } from 'pdfjs-dist';
-export type { RPConfigProps, RPThemeProps, RPDocumentProps, RPLayoutProps, RPIcons, RPSlots, DarkModeProps, ZoomProps, ViewModeProps, DownloadToolProps, OpenFileToolProps, ScrollModeProps, PageNavigationToolProps, PrintToolProps, Localization, MatchValue } from './utils/types';
+export type { RPConfigProps, RPThemeProps, RPProviderProps, RPLayoutProps, RPIcons, RPSlots, DarkModeProps, ZoomProps, ViewModeProps, DownloadToolProps, OpenFileToolProps, ScrollModeProps, PageNavigationToolProps, PrintToolProps, Localization, MatchValue } from './utils/types';
 export { ViewMode, ScrollMode } from './utils/types';

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

@@ -1,3 +1,3 @@
 export declare const useFileDownload: () => {
-    downloadFile: () => void;
+    download: () => void;
 };

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

@@ -279,7 +279,7 @@ export interface OpenFileToolProps {
     onClick: () => void;
 }
 export interface DownloadToolProps {
-    downloadFile: () => void;
+    download: () => void;
 }
 export interface PageNavigationToolProps {
     total: number;
@@ -424,23 +424,22 @@ export interface CharacterMapConfig {
     url: string;
     isCompressed: boolean;
 }
-export interface RPDocumentProps extends PropsWithChildren, LoadPDFOptions {
+export interface RPProviderProps extends PropsWithChildren, LoadPDFOptions, RPControllerProps {
     src: RPSrc;
     workerUrl?: string;
     characterMap?: CharacterMapConfig;
 }
 export interface RPControllerProps extends PropsWithChildren, DarkModeProviderProps, RotateProviderProps, LayerProviderProps, ZoomProviderProps, PageProviderProps, ViewportProps, ScrollModeProps {
+    initialSearch?: string;
+    initialThumbnailsVisible?: boolean;
 }
 export interface RPConfigProps extends Omit<ConfigContextType, 'workerUrlAdded'>, RPThemeContextType, PropsWithChildren {
     workerUrl?: string;
     licenseKey?: string;
 }
-export interface RPLayoutProps extends PropsWithChildren, RPControllerProps {
+export interface RPLayoutProps extends PropsWithChildren {
     slots?: RPSlots;
     icons?: RPIcons;
-    initialThumbnailsVisible?: boolean;
-    initialSearch?: string;
-    showToolbar?: boolean;
     style?: React.CSSProperties;
     className?: string;
     onLoaded?: () => void;

package/dist/utils/hooks/useFileDownload.js

@@ -1,17 +1,27 @@
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { b as w } from "../../RPLayout-fab06e11.js";
-import "../../components/RPConfig.js";
-import "../../contexts/ThemeContext.js";
 import "react";
-import "../../components/RPDropFileZone.js";
-import "../../contexts/DropFileZoneContext.js";
+import { c as v } from "../../RPDefaultLayout-4d897afb.js";
 import "../../contexts/DarkModeContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/RotateContext.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/LayerContext.js";
+import "../../contexts/ZoomContext.js";
 import "../../contexts/ViewModeContext.js";
+import "../../contexts/ScrollModeContext.js";
+import "../../contexts/VirtualScrollContext.js";
+import "../../contexts/VirtualGridContext.js";
+import "../../contexts/ScrollStateContext.js";
+import "../../contexts/ViewportContext.js";
+import "../../contexts/SelectionModeContext.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/FullScreenContext.js";
 import "../../contexts/FileInputContext.js";
-import "../../contexts/ZoomContext.js";
+import "../../contexts/DropFileZoneContext.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../components/RPConfig.js";
+import "../../contexts/ThemeContext.js";
+import "../../components/RPDropFileZone.js";
+import "../../contexts/ToolbarComponentContext.js";
 export {
-  w as useFileDownload
+  v as useFileDownload
 };

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as g, useCallback as h, useEffect as v } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-02-18T09:31:53.394Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
+const b = /* @__PURE__ */ new Date("2025-02-21T01:58:47.790Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
   invalidLicense: `You are currently using without a valid license. ${d}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
   expired: `Your license key has expired. ${d}`,

package/dist/utils/hooks/useLoadPdf.js

@@ -1,50 +1,50 @@
-import { useState as g, useRef as T, useEffect as c } from "react";
-import * as w from "pdfjs-dist";
-import { getThumbnailViewport as v } from "../getThumbnailViewport.js";
-import { useConfigContext as x } from "../../contexts/ConfigContext.js";
-const S = (i, o, b = {}) => {
-  const [t, k] = g(), { workerUrlAdded: a } = x(), [L, P] = g(/* @__PURE__ */ new Map()), l = T(), [u, p] = g(!1), { onLoadError: f, onLoaded: m } = b;
+import { useState as g, useRef as C, useEffect as c } from "react";
+import * as T from "pdfjs-dist";
+import { getThumbnailViewport as x } from "../getThumbnailViewport.js";
+import { useConfigContext as E } from "../../contexts/ConfigContext.js";
+const U = (i, o, w = {}) => {
+  const [s, b] = g(), { workerUrlAdded: a } = E(), [k, P] = g(/* @__PURE__ */ new Map()), u = C(), [l, p] = g(!1), { onLoadError: m, onLoaded: f } = w;
   return c(() => {
-    if (!a || (console.log("pdf version", w.version), !i))
+    if (!a || !i)
       return;
-    l.current = Date.now();
-    const n = l.current, d = {
+    u.current = Date.now();
+    const n = u.current, d = {
       url: i,
       cMapPacked: (o == null ? void 0 : o.isCompressed) ?? !0,
       ...(o == null ? void 0 : o.url) && { cMapUrl: o.url }
-    }, r = w.getDocument(d);
+    }, r = T.getDocument(d);
     p(!0);
-    const s = r.promise.then((e) => (n === l.current && k(e), m && m(e), e)).catch((e) => {
-      f && f(e);
+    const t = r.promise.then((e) => (n === u.current && b(e), f && f(e), e)).catch((e) => {
+      m && m(e);
     }).finally(() => p(!1));
     return () => {
-      s.finally(() => {
+      t.finally(() => {
         r.destroy();
       });
     };
-  }, [i, a, f, m]), c(() => {
+  }, [i, a, m, f]), c(() => {
     const n = /* @__PURE__ */ new Map();
-    if (!t || u) {
+    if (!s || l) {
       P(n);
       return;
     }
-    const d = t.numPages, r = [];
-    for (let s = 1; s <= d; s++) {
-      const e = t.getPage(s);
+    const d = s.numPages, r = [];
+    for (let t = 1; t <= d; t++) {
+      const e = s.getPage(t);
       r.push(e);
     }
-    Promise.all(r).then((s) => {
-      s.map((e) => {
-        const { thumbnailViewport: y, scale: C } = v(e);
-        n.set(e.pageNumber, { page: e, thumbnailViewport: y, thumbnailScale: C });
+    Promise.all(r).then((t) => {
+      t.map((e) => {
+        const { thumbnailViewport: L, scale: y } = x(e);
+        n.set(e.pageNumber, { page: e, thumbnailViewport: L, thumbnailScale: y });
       }), P(n);
     });
-  }, [t, u]), {
-    pdf: t,
-    pages: L,
-    loading: u
+  }, [s, l]), {
+    pdf: s,
+    pages: k,
+    loading: l
   };
 };
 export {
-  S as useLoadPdf
+  U as useLoadPdf
 };