@pdf-viewer/react 1.10.0-beta.0 → 1.10.0-beta.2

package/dist/types/components/layout/toolbar/tools/more-options/SelectionModeTool.d.ts

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

package/dist/types/components/layout/toolbar/tools/more-options/ViewModeTool.d.ts

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

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

@@ -1,5 +1,5 @@
 import { FC, PropsWithChildren } from 'react';
-import { SelectionModeContextType, SelectionModeProps } from '../utils/types';
+import { SelectionModeContextType, SelectionModeProviderProps } from '../utils/types';
 export declare const SelectionModeContext: import('react').Context<SelectionModeContextType>;
 export declare const useSelectionModeContext: () => SelectionModeContextType;
-export declare const SelectionModeProvider: FC<PropsWithChildren<SelectionModeProps>>;
+export declare const SelectionModeProvider: FC<PropsWithChildren<SelectionModeProviderProps>>;

package/dist/types/main.d.ts

@@ -41,5 +41,7 @@ export { RotateClockwiseTool } from './components/layout/toolbar/tools/RotateClo
 export { RotateCounterclockwiseTool } from './components/layout/toolbar/tools/RotateCounterclockwiseTool';
 export { RPHorizontalBar } from './components/layout/toolbar/tools/defaults/RPHorizontalBar';
 export { RPVerticalBar } from './components/layout/toolbar/tools/defaults/RPVerticalBar';
-export type { CharacterMap, DarkModeProps, DownloadToolProps, FullScreenToolProps, Localization, MatchValue, OpenFileToolProps, PageNavigationToolProps, PdfPage, PdfProperties, PreparePrintProgress, PrintToolProps, RPConfigProps, RPThemeProps, RPProviderProps, RPDefaultLayoutProps, RPLayoutProps, RPIcons, RPSlots, SearchOptions, SetPageResult, ScrollModeProps, ThumbnailToolProps, ViewModeProps, ZoomProps, RPHorizontalBarProps, RPHorizontalBarSlots, RPHorizontalBarIcons, RPVerticalBarProps, RPVerticalBarSlots, RPVerticalBarIcons } from './utils/types';
+export { RPMoreOptions } from './components/layout/toolbar/RPMoreOptions';
+export { RPMenuItem } from './components/layout/toolbar/RPMenuItem';
+export type { CharacterMap, DarkModeProps, DownloadToolProps, FullScreenToolProps, Localization, MatchValue, OpenFileToolProps, PageNavigationToolProps, PdfPage, PdfProperties, PreparePrintProgress, PrintToolProps, RPConfigProps, RPThemeProps, RPProviderProps, RPDefaultLayoutProps, RPLayoutProps, RPIcons, RPSlots, SearchOptions, SetPageResult, ScrollModeInitialProps, ThumbnailToolProps, ViewModeInitialProps, ZoomProps, RPHorizontalBarProps, RPHorizontalBarSlots, RPHorizontalBarIcons, RPVerticalBarProps, RPVerticalBarSlots, RPVerticalBarIcons } from './utils/types';
 export { ViewMode, ScrollMode, ZoomLevel, Locales, ThemeVariables } from './utils/types';

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

@@ -1,11 +1,8 @@
 import { WordPositionRect } from './types';
-export declare const getWordPositionInPage: (matchPageDimension: {
+export declare const getWordPositionInPage: (pageDimension: {
     width: number;
     height: number;
-}, space: {
-    top: number;
-    left: number;
-}, wordPosition: WordPositionRect, scale: number, rotation: number) => {
+}, pagesRef: HTMLDivElement, wordPosition: WordPositionRect, scale: number, rotation: number) => {
     leftInPage: number;
     topInPage: number;
 };

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

@@ -462,7 +462,7 @@ export interface RPProviderProps extends PropsWithChildren, LoadPDFOptions, RPCo
     characterMap?: CharacterMap;
 }
 export type LocalizationMap = Record<string, Localization>;
-export interface RPControllerProps extends PropsWithChildren, DarkModeProviderProps, RotateProviderProps, LayerProviderProps, ZoomProviderProps, PageProviderProps, ViewModeProps, ScrollModeProps {
+export interface RPControllerProps extends PropsWithChildren, DarkModeProviderProps, RotateProviderProps, LayerProviderProps, ZoomProviderProps, PageProviderProps, ViewModeInitialProps, ScrollModeInitialProps {
     initialSearch?: string;
     initialThumbnailsVisible?: boolean;
     locale?: string;
@@ -502,7 +502,7 @@ export interface ZoomContextType {
 export type ZoomProps = Omit<ZoomContextType, 'currentZoom'>;
 export type InitialStateContextType = {
     instanceId: string;
-} & ZoomProviderProps & PageProviderProps & ViewModeProps & ScrollModeProps & RotateProviderProps;
+} & ZoomProviderProps & PageProviderProps & ViewModeInitialProps & ScrollModeInitialProps & RotateProviderProps;
 export interface ZoomProviderProps {
     initialScale?: number | ZoomLevel;
 }
@@ -515,7 +515,7 @@ export interface ViewModeContextType {
     setDualPage: () => void;
     viewMode: ViewMode;
 }
-export interface ViewModeProps {
+export interface ViewModeInitialProps {
     initialViewMode?: ViewMode;
 }
 export interface ViewportProps {
@@ -531,7 +531,7 @@ export interface ScrollModeContextType {
     scrollMode: ScrollMode;
     setScrollMode: (mode: ScrollMode) => void;
 }
-export interface ScrollModeProps {
+export interface ScrollModeInitialProps {
     initialScrollMode?: ScrollMode;
 }
 export interface WordPositionRect {
@@ -616,7 +616,7 @@ export interface SelectionModeContextType {
     selectionMode: SelectionMode;
     setSelectionMode: (mode: SelectionMode) => void;
 }
-export interface SelectionModeProps {
+export interface SelectionModeProviderProps {
     initialSelectionMode?: SelectionMode;
 }
 export type LoaderImage = JSX.Element | string;
@@ -774,4 +774,82 @@ export interface RPVerticalBarProps {
     slots?: RPVerticalBarSlots;
     icons?: RPVerticalBarIcons;
 }
+export interface RPMoreOptionsSlots {
+    openFileTool?: boolean;
+    downloadTool?: boolean;
+    printTool?: boolean;
+    fullscreenTool?: boolean;
+    jumpNavigationTool?: boolean;
+    rotateTool?: boolean;
+    selectionModeTool?: boolean;
+    viewModeTool?: boolean;
+    scrollModeTool?: boolean;
+    documentProperties?: boolean;
+}
+export interface RPMoreOptionsIcons {
+    openFileIcon?: React.ReactNode;
+    downloadIcon?: React.ReactNode;
+    printIcon?: React.ReactNode;
+    fullScreenIcon?: React.ReactNode;
+    goToFirstPageIcon?: React.ReactNode;
+    goToLastPageIcon?: React.ReactNode;
+    rotateClockwiseIcon?: React.ReactNode;
+    rotateCounterClockwiseIcon?: React.ReactNode;
+    textSelectionIcon?: React.ReactNode;
+    handModeIcon?: React.ReactNode;
+    singlePageIcon?: React.ReactNode;
+    dualPageIcon?: React.ReactNode;
+    pageScrollIcon?: React.ReactNode;
+    verticalScrollIcon?: React.ReactNode;
+    horizontalScrollIcon?: React.ReactNode;
+    documentPropertiesIcon?: React.ReactNode;
+}
+export interface RPMoreOptionsProps extends PropsWithChildren {
+    slots?: RPMoreOptionsSlots;
+    icons?: RPMoreOptionsIcons;
+    slotTop?: React.ReactNode;
+    slotBottom?: React.ReactNode;
+}
+export interface ToolVisible {
+    isToolVisible?: boolean;
+}
+export interface MoreOptionToolProps extends ToolVisible {
+    icon?: React.ReactNode;
+}
+export interface MostPageIcons {
+    firstPageIcon: React.ReactNode;
+    lastPageIcon: React.ReactNode;
+}
+export interface MostPageToolProps extends ToolVisible {
+    icons?: MostPageIcons;
+}
+export interface RotateIcons {
+    rotateClockwiseIcon: React.ReactNode;
+    rotateCounterClockwiseIcon: React.ReactNode;
+}
+export interface RotateToolProps extends ToolVisible {
+    icons?: RotateIcons;
+}
+export interface SelectionModeIcons {
+    textSelectionIcon: React.ReactNode;
+    handModeIcon: React.ReactNode;
+}
+export interface SelectionModeProps extends ToolVisible {
+    icons?: SelectionModeIcons;
+}
+export interface ViewModeIcons {
+    singlePageIcon: React.ReactNode;
+    dualPageIcon: React.ReactNode;
+}
+export interface ViewModeProps extends ToolVisible {
+    icons?: ViewModeIcons;
+}
+export interface ScrollModeIcons {
+    pageScrollIcon: React.ReactNode;
+    verticalScrollIcon: React.ReactNode;
+    horizontalScrollIcon: React.ReactNode;
+}
+export interface ScrollModeProps extends ToolVisible {
+    icons?: ScrollModeIcons;
+}
 export {};

package/dist/utils/getWordPositionInPage.js

@@ -1,26 +1,25 @@
-const s = (h, c, t = { x: 0, y: 0 }) => {
-  const e = c * (Math.PI / 180);
+const a = (i, h, l, o, n) => {
+  const c = l.height * o, s = l.width * o, y = l.top * o, w = l.left * o, d = {
+    width: n % 180 === 90 ? i.height : i.width,
+    height: n % 180 === 90 ? i.width : i.height
+  }, r = {
+    width: n % 180 === 90 ? c : s,
+    height: n % 180 === 90 ? s : c
+  }, t = document.createElement("div");
+  t.style.width = `${d.width}px`, t.style.height = `${d.height}px`, t.style.position = "absolute", t.style.transform = `rotate(${n}deg)`, t.style.transformOrigin = "center center", t.style.visibility = "hidden", t.style.left = "-99999px";
+  const e = document.createElement("div");
+  e.style.position = "absolute", e.style.width = `${s}px`, e.style.height = `${c}px`, e.style.position = "absolute", e.style.bottom = `${y}px`, e.style.left = `${w}px`, t.appendChild(e), h.appendChild(t);
+  const p = t.getBoundingClientRect(), g = e.getBoundingClientRect();
+  h.removeChild(t);
+  const u = {
+    top: h.clientHeight / 2,
+    left: h.clientWidth / 2
+  };
   return {
-    x: (h.x - t.x) * Math.cos(e) - (h.y - t.y) * Math.sin(e) + t.x,
-    y: (h.x - t.x) * Math.sin(e) + (h.y - t.y) * Math.cos(e) + t.y
+    leftInPage: g.left - p.left - u.left + r.width / 2,
+    topInPage: g.top - p.top - u.top + r.height / 2
   };
-}, O = (h, c, t, e, n) => {
-  const y = t.height * e, a = t.width * e, f = t.top * e, M = t.left * e, { y: d } = s(
-    { x: h.width, y: h.height },
-    n % 180 === 0 ? 0 : 90
-  ), p = M, g = Math.abs(d) - f, o = { x: h.width / 2, y: h.height / 2 }, { x: r, y: u } = s(
-    {
-      x: c.left + Math.abs(a) / 2,
-      y: c.top + Math.abs(y) / 2
-    },
-    n,
-    o
-  ), { x: I, y: b } = s({ x: p, y: g }, n, o), x = {
-    left: I,
-    top: b
-  }, H = x.left - r, L = x.top - u;
-  return { leftInPage: H, topInPage: L };
 };
 export {
-  O as getWordPositionInPage
+  a as getWordPositionInPage
 };

package/dist/utils/hooks/useFileDownload.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { b as io } from "../../ToolbarLayout.module-c014f04b.js";
+import { b as io } from "../../ToolbarLayout.module-2e734dc1.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 E, useCallback as h, useEffect as A } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-10-15T01:42:04.767Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-10-17T13:03:38.969Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
   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,6 +1,6 @@
 import "react";
 import "../types.js";
-import { q as mo } from "../../ToolbarLayout.module-c014f04b.js";
+import { s as mo } from "../../ToolbarLayout.module-2e734dc1.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";

package/dist/utils/hooks/usePresentPage.js

@@ -5,7 +5,7 @@ import "../calculatePage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { K as pr } from "../../ToolbarLayout.module-c014f04b.js";
+import { N as pr } from "../../ToolbarLayout.module-2e734dc1.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/usePrint.js

@@ -2,7 +2,7 @@ import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { s as ir } from "../../ToolbarLayout.module-c014f04b.js";
+import { v as ir } from "../../ToolbarLayout.module-2e734dc1.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useScrollToPage.js

@@ -3,7 +3,7 @@ import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { p as eo } from "../../ToolbarLayout.module-c014f04b.js";
+import { r as eo } from "../../ToolbarLayout.module-2e734dc1.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";

package/dist/utils/hooks/useSearch.js

@@ -7,7 +7,7 @@ import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
 import "../../contexts/DocumentPasswordContext.js";
-import { x as er } from "../../ToolbarLayout.module-c014f04b.js";
+import { z as er } from "../../ToolbarLayout.module-2e734dc1.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 "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { v as im } from "../../ToolbarLayout.module-c014f04b.js";
+import { x as im } from "../../ToolbarLayout.module-2e734dc1.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -4,7 +4,7 @@ import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { H as mo } from "../../ToolbarLayout.module-c014f04b.js";
+import { J as mo } from "../../ToolbarLayout.module-2e734dc1.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/package.json

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