@pdf-viewer/react 0.7.0-beta.0 → 0.8.0-beta.0

package/dist/components/RPController.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as e } from "react";
-import { P as u, S as M, T as C, a as R } from "../RPDefaultLayout-4d897afb.js";
+import { P as u, S as M, T as C, a as R } from "../RPDefaultLayout-3d9595ed.js";
 import { DarkModeProvider as L } from "../contexts/DarkModeContext.js";
 import { ScrollMode as T, SelectionMode as V } from "../utils/types.js";
 import { RotateProvider as b } from "../contexts/RotationContext.js";

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as C } from "../RPDefaultLayout-4d897afb.js";
+import { R as D } from "../RPDefaultLayout-3d9595ed.js";
 import "../utils/hooks/useWatermark.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";
@@ -27,6 +27,7 @@ import "../clsx-0c6e471a.js";
 import "../contexts/ToolbarComponentContext.js";
 import "../utils/hooks/useMousePressed.js";
 import "../utils/hooks/useGrabScroll.js";
+import "../utils/hooks/usePinch.js";
 export {
-  C as RPPages
+  D as RPPages
 };

package/dist/components/RPProvider.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { DocumentProvider as c } from "../contexts/RPDocumentContext.js";
 import { RPController as d } from "./RPController.js";
-import "../RPDefaultLayout-4d897afb.js";
+import "../RPDefaultLayout-3d9595ed.js";
 import "./RPConfig.js";
 import "./RPTheme.js";
 import "./RPDropFileZone.js";
@@ -11,8 +11,10 @@ import "../contexts/ViewModeContext.js";
 import "../contexts/DropFileZoneContext.js";
 import "../contexts/FileInputContext.js";
 import "../contexts/ZoomContext.js";
+import "../utils/hooks/usePdfProperties.js";
+import "../contexts/FullScreenContext.js";
 import "../utils/types.js";
-const E = (o) => {
+const b = (o) => {
   const { children: t, src: i, characterMap: m, onLoaded: p, onLoadError: e, ...n } = o;
   return /* @__PURE__ */ r(
     c,
@@ -26,5 +28,5 @@ const E = (o) => {
   );
 };
 export {
-  E as RPProvider
+  b as RPProvider
 };

package/dist/components/layout/RPDefaultLayout.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b as l } from "../../RPDefaultLayout-4d897afb.js";
+import { b as l } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../Container-83627c27.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";

package/dist/components/layout/sidebar/RPSidebar.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../icons/Thumbnail.js";
 import "../../ui/Button.js";
-import { G as f } from "../../../RPDefaultLayout-4d897afb.js";
+import { G as f } from "../../../RPDefaultLayout-3d9595ed.js";
 import "./RPSplitter.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";

package/dist/components/layout/sidebar/Thumbnail.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { B as a } from "../../../RPDefaultLayout-4d897afb.js";
+import { B as a } from "../../../RPDefaultLayout-3d9595ed.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
 export {

package/dist/components/layout/sidebar/Thumbnails.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { E as t } from "../../../RPDefaultLayout-4d897afb.js";
+import { E as t } from "../../../RPDefaultLayout-3d9595ed.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
 export {
   t as Thumbnails

package/dist/components/layout/toolbar/DocumentDialog.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { v as C } from "../../../RPDefaultLayout-4d897afb.js";
+import { v as C } from "../../../RPDefaultLayout-3d9595ed.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";

package/dist/components/layout/toolbar/FileDownloadTool.js

@@ -3,7 +3,7 @@ import "../../icons/FileDownloadDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { F as d } from "../../../RPDefaultLayout-4d897afb.js";
+import { F as d } from "../../../RPDefaultLayout-3d9595ed.js";
 import "./MenuItem.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";

package/dist/components/layout/toolbar/MostPageTool.js

@@ -3,7 +3,7 @@ import "../../../index-3459164c.js";
 import "./MenuItem.js";
 import "../../../contexts/RPDocumentContext.js";
 import "react";
-import { M as C } from "../../../RPDefaultLayout-4d897afb.js";
+import { M as C } from "../../../RPDefaultLayout-3d9595ed.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";

package/dist/components/layout/toolbar/OtherTool.js

@@ -3,7 +3,7 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { O as k } from "../../../RPDefaultLayout-4d897afb.js";
+import { O as k } from "../../../RPDefaultLayout-3d9595ed.js";
 import "../../../contexts/OtherToolContext.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";

package/dist/components/layout/toolbar/Paginate.js

@@ -3,7 +3,7 @@ import "react";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../ui/Input.js";
-import { t as s } from "../../../RPDefaultLayout-4d897afb.js";
+import { t as s } from "../../../RPDefaultLayout-3d9595ed.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";

package/dist/components/layout/toolbar/PrintTool.js

@@ -3,7 +3,7 @@ import "../../icons/PrintDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { w as n } from "../../../RPDefaultLayout-4d897afb.js";
+import { w as n } from "../../../RPDefaultLayout-3d9595ed.js";
 import "../../../contexts/ViewportContext.js";
 import "./MenuItem.js";
 import "../../ui/RPTooltip.js";

package/dist/components/layout/toolbar/RPToolbar.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { z as a } from "../../../RPDefaultLayout-4d897afb.js";
+import { z as a } from "../../../RPDefaultLayout-3d9595ed.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 export {

package/dist/components/layout/toolbar/RPToolbarEnd.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { x } from "../../../RPDefaultLayout-4d897afb.js";
+import { x } from "../../../RPDefaultLayout-3d9595ed.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

package/dist/components/layout/toolbar/SearchTool.js

@@ -4,7 +4,7 @@ import "../../icons/SearchIcon.js";
 import "react";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import { y as I } from "../../../RPDefaultLayout-4d897afb.js";
+import { y as I } from "../../../RPDefaultLayout-3d9595ed.js";
 import "../../ui/Input.js";
 import "../../icons/CloseIcon.js";
 import "../../icons/ChevronUpIcon.js";

package/dist/components/layout/toolbar/ZoomTool.js

@@ -5,7 +5,7 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { Z as J } from "../../../RPDefaultLayout-4d897afb.js";
+import { Z as J } from "../../../RPDefaultLayout-3d9595ed.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../index-3459164c.js";

package/dist/components/page/AnnotationLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { A as D } from "../../RPDefaultLayout-4d897afb.js";
+import { A as D } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";

package/dist/components/page/CanvasLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { C as w } from "../../RPDefaultLayout-4d897afb.js";
+import { C as w } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D as p } from "../../RPDefaultLayout-4d897afb.js";
+import { D as p } from "../../RPDefaultLayout-3d9595ed.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { q as y } from "../../RPDefaultLayout-4d897afb.js";
+import { q as y } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { s as m } from "../../RPDefaultLayout-4d897afb.js";
+import { s as m } from "../../RPDefaultLayout-3d9595ed.js";
 export {
   m as SinglePage
 };

package/dist/components/page/TextLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { p as z } from "../../RPDefaultLayout-4d897afb.js";
+import { p as z } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/ui/LoadingIndicator.js

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

package/dist/contexts/PaginationContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { h as n, P as p, u as P } from "../RPDefaultLayout-4d897afb.js";
+import { h as n, P as p, u as P } from "../RPDefaultLayout-3d9595ed.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 import "./InitialStateContext.js";

package/dist/contexts/PrintContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { j as e, a as n, d as a } from "../RPDefaultLayout-4d897afb.js";
+import { j as e, a as n, d as a } from "../RPDefaultLayout-3d9595ed.js";
 export {
   e as PrintContext,
   n as PrintProvider,

package/dist/contexts/SearchContext.js

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

package/dist/contexts/ThumbnailsContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { l as i, T as r, m as e } from "../RPDefaultLayout-4d897afb.js";
+import { l as i, T as r, m as e } from "../RPDefaultLayout-3d9595ed.js";
 export {
   i as ThumbnailContext,
   r as ThumbnailProvider,

package/dist/main.js

@@ -1,36 +1,40 @@
 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 { b as x, R as n, c as s, u as p, d as f, e as m } from "./RPDefaultLayout-3d9595ed.js";
+import { RPConfig as a } 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 { useViewModeContext as Z } 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";
+import { usePdfProperties as O } from "./utils/hooks/usePdfProperties.js";
+import { useFullScreenContext as j } from "./contexts/FullScreenContext.js";
+import { ScrollMode as z, ViewMode as A } from "./utils/types.js";
 export {
-  u as RPConfig,
+  a 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,
+  z as ScrollMode,
+  A as ViewMode,
   c as useDarkModeContext,
   M as useDocumentContext,
   V as useDropFileZoneContext,
   s as useFileDownload,
+  j as useFullScreenContext,
   k as useOpenFileContext,
-  m as usePaginationContext,
-  p as usePrintContext,
+  p as usePaginationContext,
+  O as usePdfProperties,
+  f as usePrintContext,
   w as useRotationContext,
-  f as useSearchContext,
-  h as useViewModeContext,
+  m as useSearchContext,
+  Z as useViewModeContext,
   y as useZoomContext
 };

package/dist/types/main.d.ts

@@ -16,6 +16,8 @@ export { useOpenFileContext } from './contexts/FileInputContext';
 export { usePrintContext } from './contexts/PrintContext';
 export { useZoomContext } from './contexts/ZoomContext';
 export { useSearchContext } from './contexts/SearchContext';
+export { usePdfProperties } from './utils/hooks/usePdfProperties';
+export { useFullScreenContext } from './contexts/FullScreenContext';
 export { type PDFDocumentProxy } from 'pdfjs-dist';
 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/usePinch.d.ts

@@ -0,0 +1 @@
+export declare const usePinch: (container: HTMLDivElement | null) => void;

package/dist/utils/hooks/useFileDownload.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "react";
-import { c as v } from "../../RPDefaultLayout-4d897afb.js";
+import { c as v } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

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-21T01:58:47.790Z"), d = "Please visit https://www.react-pdf.dev/license-management/ to generate a new license key.", o = {
+const b = /* @__PURE__ */ new Date("2025-02-24T01:54:48.501Z"), 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/usePaginate.js

@@ -1,5 +1,5 @@
 import "react";
-import { g as z } from "../../RPDefaultLayout-4d897afb.js";
+import { g as z } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/ScrollStateContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";

package/dist/utils/hooks/usePinch.js

@@ -0,0 +1,28 @@
+import { useState as d, useCallback as m, useEffect as f } from "react";
+import { useDebounce as h } from "./useDebounce.js";
+import { useZoomContext as i } from "../../contexts/ZoomContext.js";
+const b = (o) => {
+  const { currentZoom: l, setZoomLevel: a } = i(), [n, s] = d(l || 100), r = h(n, 100), u = m((e) => {
+    s(e ? (t) => t + 3 : (t) => t - 3);
+  }, []), c = m(
+    (e) => {
+      if (!e.ctrlKey)
+        return;
+      e.preventDefault();
+      const t = e.deltaY < 0;
+      u(t);
+    },
+    [u]
+  );
+  f(() => {
+    if (r) {
+      const e = Math.round(l * 100 + n);
+      s(0), a(e > 25 ? e : 25);
+    }
+  }, [r]), f(() => (o && o.addEventListener("wheel", c), () => {
+    o && o.removeEventListener("wheel", c);
+  }), [o, c]);
+};
+export {
+  b as usePinch
+};

package/dist/utils/hooks/usePrint.js

@@ -1,7 +1,7 @@
 import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { i as z } from "../../RPDefaultLayout-4d897afb.js";
+import { i as z } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useScrollToPage.js

@@ -2,7 +2,7 @@ import "react";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { f as y } from "../../RPDefaultLayout-4d897afb.js";
+import { f as y } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";

package/dist/utils/hooks/useSearch.js

@@ -8,7 +8,7 @@ import "./usePageDimension.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
-import { n as C } from "../../RPDefaultLayout-4d897afb.js";
+import { n as C } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useThumbnail.js

@@ -2,7 +2,7 @@ import "react";
 import "../renderPage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { k as A } from "../../RPDefaultLayout-4d897afb.js";
+import { k as A } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -3,7 +3,7 @@ import "../types.js";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { r as y } from "../../RPDefaultLayout-4d897afb.js";
+import { r as y } from "../../RPDefaultLayout-3d9595ed.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdf-viewer/react",
   "private": false,
-  "version": "0.7.0-beta.0",
+  "version": "0.8.0-beta.0",
   "keywords": [
     "component",
     "frontend",