@pdf-viewer/react 1.6.0-beta.8 → 1.6.0-rc.0

package/dist/components/page/TextLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { p as F } from "../../RPDefaultLayout-0478995c.js";
+import { p as F } from "../../RPDefaultLayout-6173dbb0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/page/searchHighlight.js

@@ -0,0 +1,37 @@
+import { EMPTY_KEYWORD_REGEXP as c } from "../../utils/const.js";
+const n = (e) => {
+  let s = e.keyword.replace(/[.^$*+?()[{|\\]/g, (f) => `\\${f}`).trim();
+  const i = e.matchCase ? "g" : "gi";
+  return {
+    keyword: e.keyword,
+    regExp: new RegExp(s, i),
+    wholeWords: e.wholeWords || !1
+  };
+}, u = (e, t, r) => e instanceof RegExp ? {
+  keyword: e.source,
+  regExp: e,
+  wholeWords: r || !1
+} : typeof e == "string" ? e === "" ? c : n({
+  keyword: e,
+  matchCase: t || !1,
+  wholeWords: r || !1
+}) : (typeof t < "u" && (e.matchCase = t), typeof r < "u" && (e.wholeWords = r), n(e)), o = (e) => {
+  const t = e.parentNode;
+  t && t.removeChild(e);
+}, p = (e, t) => {
+  o(e);
+  const r = t.parentNode;
+  r && r.insertBefore(e, t), o(t);
+}, l = (e) => {
+  const t = e.parentNode;
+  if (!t)
+    return;
+  const r = document.createRange();
+  r.selectNodeContents(e), p(r.extractContents(), e), t.normalize();
+}, g = (e, t) => e.top < t.top ? -1 : e.top > t.top ? 1 : e.left < t.left ? -1 : e.left > t.left ? 1 : 0;
+export {
+  n as normalizeFlagKeyword,
+  u as normalizeSingleKeyword,
+  g as sortHighlightPosition,
+  l as unwrap
+};

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as i } from "../../RPDefaultLayout-0478995c.js";
+import { L as i } from "../../RPDefaultLayout-6173dbb0.js";
 import "../../clsx-0c6e471a.js";
 import "../../contexts/LocalizationContext.js";
 export {

package/dist/components/ui/PasswordModal.js

@@ -1,44 +1,44 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
 import { useState as c } from "react";
 import { c as o } from "../../clsx-0c6e471a.js";
 import { useLocalizationContext as u } from "../../contexts/LocalizationContext.js";
 import { useDocumentPasswordContext as _ } from "../../contexts/DocumentPasswordContext.js";
 import '../../assets/PasswordModal.css';const r = {
-  "rp-password-overlay": "_rp-password-overlay_2kyt7_1",
-  "rp-password-modal": "_rp-password-modal_2kyt7_14",
-  "rp-password-title": "_rp-password-title_2kyt7_27",
-  "rp-password-content": "_rp-password-content_2kyt7_35",
-  "rp-password-form": "_rp-password-form_2kyt7_41",
-  "rp-password-input": "_rp-password-input_2kyt7_45",
-  "rp-password-input-invalid": "_rp-password-input-invalid_2kyt7_62",
-  "rp-password-message-invalid": "_rp-password-message-invalid_2kyt7_66",
-  "rp-password-submit-button": "_rp-password-submit-button_2kyt7_71"
-}, k = () => {
-  const [t, e] = c(""), { localeMessages: s } = u(), { setPassword: l, invalidPassword: i } = _(), m = (p) => {
-    e(p.target.value);
-  }, n = (p) => {
-    p.preventDefault(), t && t.trim() && l(t);
-  }, w = !t.trim();
-  return /* @__PURE__ */ a("div", { className: o(r["rp-password-overlay"]), children: /* @__PURE__ */ d("div", { className: o(r["rp-password-modal"]), children: [
+  "rp-password-overlay": "_rp-password-overlay_1mqln_1",
+  "rp-password-modal": "_rp-password-modal_1mqln_14",
+  "rp-password-title": "_rp-password-title_1mqln_27",
+  "rp-password-content": "_rp-password-content_1mqln_35",
+  "rp-password-form": "_rp-password-form_1mqln_41",
+  "rp-password-input": "_rp-password-input_1mqln_45",
+  "rp-password-input-invalid": "_rp-password-input-invalid_1mqln_62",
+  "rp-password-message-invalid": "_rp-password-message-invalid_1mqln_66",
+  "rp-password-submit-button": "_rp-password-submit-button_1mqln_72"
+}, N = () => {
+  const [p, e] = c(""), { localeMessages: s } = u(), { setPassword: l, invalidPassword: n } = _(), m = (d) => {
+    e(d.target.value);
+  }, i = (d) => {
+    d.preventDefault(), p && p.trim() && l(p);
+  }, w = !p.trim();
+  return /* @__PURE__ */ a("div", { className: o(r["rp-password-overlay"]), children: /* @__PURE__ */ t("div", { className: o(r["rp-password-modal"]), children: [
     /* @__PURE__ */ a("div", { className: o(r["rp-password-title"]), children: s == null ? void 0 : s.passwordModalTitle }),
     /* @__PURE__ */ a("div", { className: o(r["rp-password-content"]), children: s == null ? void 0 : s.passwordModalMessage }),
-    /* @__PURE__ */ d("form", { onSubmit: n, children: [
-      /* @__PURE__ */ d("div", { className: o(r["rp-password-form"]), children: [
+    /* @__PURE__ */ t("form", { onSubmit: i, children: [
+      /* @__PURE__ */ t("div", { className: o(r["rp-password-form"]), children: [
         /* @__PURE__ */ a(
           "input",
           {
             type: "password",
-            value: t,
+            value: p,
             onChange: m,
             className: o(
               r["rp-password-input"],
-              i && r["rp-password-input-invalid"]
+              n && r["rp-password-input-invalid"]
             ),
             placeholder: "Enter password",
             autoComplete: "off"
           }
         ),
-        i && /* @__PURE__ */ a("div", { className: o(r["rp-password-message-invalid"]), children: "Incorrect password" })
+        /* @__PURE__ */ a("div", { className: o(r["rp-password-message-invalid"]), children: n && /* @__PURE__ */ a("span", { children: "Incorrect password" }) })
       ] }),
       /* @__PURE__ */ a(
         "button",
@@ -46,7 +46,7 @@ import '../../assets/PasswordModal.css';const r = {
           type: "submit",
           disabled: w,
           className: o(r["rp-password-submit-button"]),
-          onClick: n,
+          onClick: i,
           children: s == null ? void 0 : s.passwordConfirmLabel
         }
       )
@@ -54,5 +54,5 @@ import '../../assets/PasswordModal.css';const r = {
   ] }) });
 };
 export {
-  k as default
+  N as default
 };

package/dist/contexts/PaginationContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { h as e, P as m, u as p } from "../RPDefaultLayout-0478995c.js";
+import { h as e, P as m, u as p } from "../RPDefaultLayout-6173dbb0.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 export {

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-0478995c.js";
+import { j as e, a as n, d as a } from "../RPDefaultLayout-6173dbb0.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-0478995c.js";
+import { o as a, S as s, e as S } from "../RPDefaultLayout-6173dbb0.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-0478995c.js";
+import { l as i, T as r, m as e } from "../RPDefaultLayout-6173dbb0.js";
 export {
   i as ThumbnailContext,
   r as ThumbnailProvider,

package/dist/contexts/ToolbarComponentContext.js

@@ -8,7 +8,7 @@ const e = l({
   openFileTool: !0,
   dropFileZone: !0,
   downloadTool: !0,
-  viewModeTool: !0,
+  // viewModeTool: true,
   scrollModeTool: !0,
   printTool: !0,
   showPrintProgress: !0,
@@ -23,7 +23,7 @@ const e = l({
   openFileTool: !0,
   dropFileZone: !0,
   downloadTool: !0,
-  viewModeTool: !0,
+  // viewModeTool: true,
   scrollModeTool: !0,
   printTool: !0,
   thumbnailTool: !0,

package/dist/contexts/ViewModeContext.js

@@ -1,28 +1,27 @@
 import { jsx as l } from "react/jsx-runtime";
-import { createContext as m, useContext as d, useState as P, useCallback as i, useMemo as C } from "react";
-import { appConsole as p } from "../utils/appConsole.js";
-import { ViewMode as e } from "../utils/types.js";
-import { useInitialStateContext as f } from "./InitialStateContext.js";
-const r = m({
+import { createContext as m, useContext as a, useState as d, useCallback as r, useMemo as P } from "react";
+import { appConsole as C } from "../utils/appConsole.js";
+import { ViewMode as t } from "../utils/types.js";
+const s = m({
   columnCount: 1,
   setSinglePage: () => {
   },
   setDualPage: () => {
   },
-  viewMode: e.SINGLE_PAGE
-}), w = () => {
-  const o = d(r);
-  return typeof o.columnCount > "u" && p.error("Please use this hooks inside children component of RPProvider"), o;
-}, g = ({ children: o }) => {
-  const { initialViewMode: s = e.SINGLE_PAGE } = f(), [t, n] = P(s === e.SINGLE_PAGE ? 1 : 2), u = i(() => {
+  viewMode: t.SINGLE_PAGE
+}), g = () => {
+  const e = a(s);
+  return typeof e.columnCount > "u" && C.error("Please use this hooks inside children component of RPProvider"), e;
+}, v = ({ children: e }) => {
+  const [o, n] = d(1), i = r(() => {
     n(1);
-  }, []), c = i(() => {
+  }, []), u = r(() => {
     n(2);
-  }, []), a = C(() => t === 1 ? e.SINGLE_PAGE : e.DUAL_PAGE, [t]);
-  return /* @__PURE__ */ l(r.Provider, { value: { columnCount: t, setSinglePage: u, setDualPage: c, viewMode: a }, children: o });
+  }, []), c = P(() => o === 1 ? t.SINGLE_PAGE : t.DUAL_PAGE, [o]);
+  return /* @__PURE__ */ l(s.Provider, { value: { columnCount: o, setSinglePage: i, setDualPage: u, viewMode: c }, children: e });
 };
 export {
-  r as ViewModeContext,
-  g as ViewModeProvider,
-  w as useViewModeContext
+  s as ViewModeContext,
+  v as ViewModeProvider,
+  g as useViewModeContext
 };

package/dist/main.js

@@ -1,5 +1,5 @@
 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-0478995c.js";
+import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-6173dbb0.js";
 import { RPConfig as a } from "./components/RPConfig.js";
 import { RPController as l } from "./components/RPController.js";
 import { RPTheme as P } from "./components/RPTheme.js";

package/dist/types/components/layout/toolbar/ViewModeTool.d.ts

@@ -1 +1 @@
-export declare const ViewModeTool: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const ViewModeTool: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/page/TextHighlightLayer.d.ts

@@ -1,6 +1,10 @@
 import { FC } from 'react';
 interface Props {
     pageNumber: number;
+    viewport: {
+        width: number;
+        height: number;
+    };
 }
 export declare const TextHighlightLayer: FC<Props>;
 export {};

package/dist/types/components/page/searchHighlight.d.ts

@@ -0,0 +1,5 @@
+import { FlagKeyword, HighlightArea, NormalizedKeyword, SingleKeyword } from '../../utils/types';
+export declare const normalizeFlagKeyword: (flagKeyword: FlagKeyword) => NormalizedKeyword;
+export declare const normalizeSingleKeyword: (keyword: SingleKeyword, matchCase?: boolean, wholeWords?: boolean) => NormalizedKeyword;
+export declare const unwrap: (ele: Node) => void;
+export declare const sortHighlightPosition: (a: HighlightArea, b: HighlightArea) => 1 | 0 | -1;

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

@@ -0,0 +1,2 @@
+import { NormalizedKeyword } from './types';
+export declare const EMPTY_KEYWORD_REGEXP: NormalizedKeyword;

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

@@ -1,6 +1,7 @@
 import { TextContent } from 'pdfjs-dist/types/src/display/text_layer';
 import { SearchOptions, Match, MatchHighlight } from './types';
 export declare function findMatches(queries: (string | RegExp)[], textContent: TextContent, pageIndex: number, options: SearchOptions): Match[];
+export declare function isMatchEntireWord(content: string, startIdx: number, length: number): boolean;
 export declare function highlightMatches(matches: Match[], textContent: TextContent, textDivs: HTMLElement[]): {
     element: HTMLElement;
     index: number;

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

@@ -329,7 +329,6 @@ export interface RPSlots {
     dropFileZone?: boolean | React.ReactNode | React.ComponentType;
     downloadTool?: boolean | FC<DownloadToolProps>;
     zoomTool?: boolean | FC<ZoomProps>;
-    viewModeTool?: boolean;
     scrollModeTool?: boolean;
     thumbnailTool?: boolean | FC<ThumbnailToolProps>;
     pageNavigationTool?: boolean | FC<PageNavigationToolProps>;
@@ -452,9 +451,15 @@ export declare enum ThemeVariables {
     CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color",
     TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color",
     TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius",
-    PASSWORD_MODAL_BACKGROUND = "--rp-password-background",
-    PASSWORD_MODAL_TITLE_COLOR = "--rp-password-title-color",
-    PASSWORD_MODAL_CONTENT_COLOR = "--rp-password-content-color",
+    PASSWORD_MODAL_BACKGROUND_COLOR = "--rp-password-background-color",
+    PASSWORD_MODAL_TITLE_FONT_COLOR = "--rp-password-title-font-color",
+    PASSWORD_MODAL_CONTENT_FONT_COLOR = "--rp-password-content-font-color",
+    PASSWORD_MODAL_INPUT_PLACEHOLDER_COLOR = "--rp-password-input-placeholder-color",
+    PASSWORD_MODAL_INPUT_BORDER_COLOR = "--rp-password-input-border-color",
+    PASSWORD_MODAL_INPUT_FONT_COLOR = "--rp-password-input-font-color",
+    PASSWORD_MODAL_BUTTON_FONT_COLOR = "--rp-password-button-font-color",
+    PASSWORD_MODAL_BUTTON_BACKGROUND_COLOR = "--rp-password-button-background-color",
+    PASSWORD_MODAL_BUTTON_BORDER_COLOR = "--rp-password-button-border-color",
     CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width",
     CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color",
     CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset"
@@ -478,7 +483,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, ScrollModeProps {
     initialSearch?: string;
     initialThumbnailsVisible?: boolean;
     locale?: string;
@@ -511,7 +516,7 @@ export interface ZoomContextType {
 export type ZoomProps = Omit<ZoomContextType, 'currentZoom'>;
 export type InitialStateContextType = {
     instanceId: string;
-} & ZoomProviderProps & PageProviderProps & ViewModeProps & ScrollModeProps & RotateProviderProps;
+} & ZoomProviderProps & PageProviderProps & ScrollModeProps & RotateProviderProps;
 export interface ZoomProviderProps {
     initialScale?: number | ZoomLevel;
 }
@@ -664,4 +669,36 @@ export interface MatchHighlight extends MatchValue {
     keyword: string | RegExp;
     color: string;
 }
+export interface FlagKeyword {
+    keyword: string;
+    matchCase?: boolean;
+    wholeWords?: boolean;
+}
+export type SingleKeyword = string | RegExp | FlagKeyword;
+export interface NormalizedKeyword {
+    keyword: string;
+    regExp: RegExp;
+    wholeWords: boolean;
+    color?: string;
+}
+export interface MatchRangeIndex {
+    keyword: RegExp;
+    startIndex: number;
+    endIndex: number;
+}
+export interface HighlightArea {
+    keywordStr: string;
+    left: number;
+    top: number;
+    height: number;
+    width: number;
+    pageHeight: number;
+    pageWidth: number;
+    highlightColor?: string;
+}
+export interface CharacterIndex {
+    char: string;
+    charIdxInSpan: number;
+    spanIdx: number;
+}
 export {};

package/dist/utils/const.js

@@ -0,0 +1,8 @@
+const e = {
+  keyword: "",
+  regExp: new RegExp(" "),
+  wholeWords: !1
+};
+export {
+  e as EMPTY_KEYWORD_REGEXP
+};

package/dist/utils/getZoomLevel.js

@@ -1,23 +1,24 @@
-import { SCROLL_BAR_WIDTH as A } from "./constants.js";
-import { ZoomLevel as t, ViewMode as u } from "./types.js";
-const f = 1, l = (o, e, n, r, m, a) => {
+import { SCROLL_BAR_WIDTH as s } from "./constants.js";
+import { ZoomLevel as e, ViewMode as c } from "./types.js";
+const Z = (o, t, m, r, a, u) => {
   if (typeof o == "number")
     return o;
   switch (o) {
-    case t.ACTUAL:
+    case e.ACTUAL:
       return 100;
-    case t.PAGE_FIT:
-      const c = a === u.DUAL_PAGE ? 2 * r : r, s = Math.min(
-        (e - A) / c,
-        n * f / m
-      );
-      return Math.floor(s * 100);
-    case t.PAGE_WIDTH:
-      return Math.floor(e / r * 100);
+    case e.PAGE_FIT:
+      let n = 0;
+      const l = u === c.DUAL_PAGE ? 2 * r : r;
+      return n = Math.min(
+        (t - s) / l,
+        m / a
+      ), Math.floor(n * 100);
+    case e.PAGE_WIDTH:
+      return Math.floor(t / r * 100);
     default:
       return 100;
   }
 };
 export {
-  l as getZoomLevel
+  Z as getZoomLevel
 };

package/dist/utils/highlight.js

@@ -216,5 +216,6 @@ export {
   W as getHighlightOptionsWithDefaults,
   H as highlightMatches,
   A as highlightMultipleColorMatches,
+  L as isMatchEntireWord,
   R as resetDivs
 };

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 { c as E } from "../../RPDefaultLayout-0478995c.js";
+import { c as E } from "../../RPDefaultLayout-6173dbb0.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 A } from "react";
 import { appConsole as c } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-05-21T03:01:21.606Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-05-23T02:59:08.768Z"), l = "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. ${l}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${l}`,
   expired: `Your license key has expired. ${l}`,

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { g as G } from "../../RPDefaultLayout-0478995c.js";
+import { g as G } from "../../RPDefaultLayout-6173dbb0.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 { v as G } from "../../RPDefaultLayout-0478995c.js";
+import { v as G } from "../../RPDefaultLayout-6173dbb0.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 { i as F } from "../../RPDefaultLayout-0478995c.js";
+import { i as F } from "../../RPDefaultLayout-6173dbb0.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 { f as F } from "../../RPDefaultLayout-0478995c.js";
+import { f as F } from "../../RPDefaultLayout-6173dbb0.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 { n as I } from "../../RPDefaultLayout-0478995c.js";
+import { n as I } from "../../RPDefaultLayout-6173dbb0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useThumbnail.js

@@ -3,7 +3,7 @@ import "../renderPage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { k as G } from "../../RPDefaultLayout-0478995c.js";
+import { k as G } from "../../RPDefaultLayout-6173dbb0.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 { s as D } from "../../RPDefaultLayout-0478995c.js";
+import { s as D } from "../../RPDefaultLayout-6173dbb0.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/types.js

@@ -1,6 +1,6 @@
 import { e as r, z as _, i as R, p as o, t as p } from "../th_TH-2c4015a5.js";
-var E = /* @__PURE__ */ ((O) => (O[O.Text = 1] = "Text", O[O.Link = 2] = "Link", O[O.FreeText = 3] = "FreeText", O[O.Line = 4] = "Line", O[O.Square = 5] = "Square", O[O.Circle = 6] = "Circle", O[O.Polygon = 7] = "Polygon", O[O.Polyline = 8] = "Polyline", O[O.Highlight = 9] = "Highlight", O[O.Underline = 10] = "Underline", O[O.Squiggly = 11] = "Squiggly", O[O.StrikeOut = 12] = "StrikeOut", O[O.Stamp = 13] = "Stamp", O[O.Caret = 14] = "Caret", O[O.Ink = 15] = "Ink", O[O.Popup = 16] = "Popup", O[O.FileAttachment = 17] = "FileAttachment", O[O.Widget = 20] = "Widget", O))(E || {}), I = /* @__PURE__ */ ((O) => (O.INTERNAL_LINK = "internal-link", O.LINK = "link", O.FILE_ATTACHMENT = "file-attachment", O.FORM_TEXT = "form-text", O.FORM_SELECT = "form-select", O.FORM_CHECKBOX = "form-checkbox", O.FORM_RADIO = "form-radio", O.FORM_BUTTON = "form-button", O.BUTTON = "button", O))(I || {}), D = /* @__PURE__ */ ((O) => (O.ACTUAL = "Actual", O.PAGE_FIT = "Fit", O.PAGE_WIDTH = "Width", O))(D || {}), N = /* @__PURE__ */ ((O) => (O.Organization = "organization", O.Developer = "developer", O))(N || {}), d = /* @__PURE__ */ ((O) => (O.SINGLE_PAGE = "Single", O.DUAL_PAGE = "Dual", O))(d || {}), L = /* @__PURE__ */ ((O) => (O.FONT_FAMILY = "--rp-font-family", O.PRIMARY_COLOR = "--rp-primary-color", O.BORDER_RADIUS = "--rp-border-radius", O.TEXT_COLOR = "--rp-text-color", O.OUTLINE_COLOR = "--rp-outline-color", O.FONT_SIZE = "--rp-font-size", O.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", O.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", O.ICON_DISABLED = "--rp-icon-disabled", O.ICON_FONT_SIZE = "--rp-icon-font-size", O.TOOLBAR_BACKGROUND = "--rp-toolbar-background", O.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", O.TOOLBAR_PADDING = "--rp-toolbar-padding", O.TOOLBAR_GAP = "--rp-toolbar-gap", O.TOOLBAR_SIZE = "--rp-toolbar-size", O.SIDEBAR_WIDTH = "--rp-sidebar-width", O.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", O.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", O.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", O.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", O.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", O.BUTTON_PADDING = "--rp-button-padding", O.INPUT_PADDING = "--rp-input-padding", O.INPUT_BORDER_RADIUS = "--rp-input-border-radius", O.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", O.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", O.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", O.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", O.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", O.DROPDOWN_PADDING = "--rp-dropdown-padding", O.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", O.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", O.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", O.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", O.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", O.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", O.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", O.POPOVER_FONT_SIZE = "--rp-popover-font-size", O.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", O.POPOVER_COLOR = "--rp-popover-color", O.POPOVER_BORDER_COLOR = "--rp-popover-border-color", O.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", O.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", O.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", O.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", O.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", O.PROPERTY_ITEM_GAP = "--rp-property-item-gap", O.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", O.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", O.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", O.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", O.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", O.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", O.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", O.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", O.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", O.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", O.DROP_ZONE_BORDER = "--rp-drop-zone-border", O.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", O.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", O.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", O.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", O.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", O.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", O.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", O.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", O.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", O.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", O.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", O.PASSWORD_MODAL_BACKGROUND = "--rp-password-background", O.PASSWORD_MODAL_TITLE_COLOR = "--rp-password-title-color", O.PASSWORD_MODAL_CONTENT_COLOR = "--rp-password-content-color", O.CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width", O.CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color", O.CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset", O))(L || {}), C = /* @__PURE__ */ ((O) => (O.PAGE_SCROLLING = "PAGE", O.VERTICAL_SCROLLING = "VERTICAL", O.HORIZONTAL_SCROLLING = "HORIZONTAL", O))(C || {}), c = /* @__PURE__ */ ((O) => (O.TEXT = "TEXT", O.HAND = "HAND", O))(c || {});
-const g = {
+var D = /* @__PURE__ */ ((O) => (O[O.Text = 1] = "Text", O[O.Link = 2] = "Link", O[O.FreeText = 3] = "FreeText", O[O.Line = 4] = "Line", O[O.Square = 5] = "Square", O[O.Circle = 6] = "Circle", O[O.Polygon = 7] = "Polygon", O[O.Polyline = 8] = "Polyline", O[O.Highlight = 9] = "Highlight", O[O.Underline = 10] = "Underline", O[O.Squiggly = 11] = "Squiggly", O[O.StrikeOut = 12] = "StrikeOut", O[O.Stamp = 13] = "Stamp", O[O.Caret = 14] = "Caret", O[O.Ink = 15] = "Ink", O[O.Popup = 16] = "Popup", O[O.FileAttachment = 17] = "FileAttachment", O[O.Widget = 20] = "Widget", O))(D || {}), N = /* @__PURE__ */ ((O) => (O.INTERNAL_LINK = "internal-link", O.LINK = "link", O.FILE_ATTACHMENT = "file-attachment", O.FORM_TEXT = "form-text", O.FORM_SELECT = "form-select", O.FORM_CHECKBOX = "form-checkbox", O.FORM_RADIO = "form-radio", O.FORM_BUTTON = "form-button", O.BUTTON = "button", O))(N || {}), E = /* @__PURE__ */ ((O) => (O.ACTUAL = "Actual", O.PAGE_FIT = "Fit", O.PAGE_WIDTH = "Width", O))(E || {}), L = /* @__PURE__ */ ((O) => (O.Organization = "organization", O.Developer = "developer", O))(L || {}), I = /* @__PURE__ */ ((O) => (O.SINGLE_PAGE = "Single", O.DUAL_PAGE = "Dual", O))(I || {}), d = /* @__PURE__ */ ((O) => (O.FONT_FAMILY = "--rp-font-family", O.PRIMARY_COLOR = "--rp-primary-color", O.BORDER_RADIUS = "--rp-border-radius", O.TEXT_COLOR = "--rp-text-color", O.OUTLINE_COLOR = "--rp-outline-color", O.FONT_SIZE = "--rp-font-size", O.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", O.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", O.ICON_DISABLED = "--rp-icon-disabled", O.ICON_FONT_SIZE = "--rp-icon-font-size", O.TOOLBAR_BACKGROUND = "--rp-toolbar-background", O.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", O.TOOLBAR_PADDING = "--rp-toolbar-padding", O.TOOLBAR_GAP = "--rp-toolbar-gap", O.TOOLBAR_SIZE = "--rp-toolbar-size", O.SIDEBAR_WIDTH = "--rp-sidebar-width", O.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", O.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", O.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", O.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", O.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", O.BUTTON_PADDING = "--rp-button-padding", O.INPUT_PADDING = "--rp-input-padding", O.INPUT_BORDER_RADIUS = "--rp-input-border-radius", O.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", O.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", O.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", O.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", O.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", O.DROPDOWN_PADDING = "--rp-dropdown-padding", O.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", O.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", O.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", O.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", O.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", O.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", O.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", O.POPOVER_FONT_SIZE = "--rp-popover-font-size", O.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", O.POPOVER_COLOR = "--rp-popover-color", O.POPOVER_BORDER_COLOR = "--rp-popover-border-color", O.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", O.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", O.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", O.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", O.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", O.PROPERTY_ITEM_GAP = "--rp-property-item-gap", O.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", O.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", O.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", O.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", O.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", O.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", O.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", O.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", O.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", O.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", O.DROP_ZONE_BORDER = "--rp-drop-zone-border", O.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", O.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", O.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", O.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", O.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", O.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", O.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", O.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", O.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", O.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", O.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", O.PASSWORD_MODAL_BACKGROUND_COLOR = "--rp-password-background-color", O.PASSWORD_MODAL_TITLE_FONT_COLOR = "--rp-password-title-font-color", O.PASSWORD_MODAL_CONTENT_FONT_COLOR = "--rp-password-content-font-color", O.PASSWORD_MODAL_INPUT_PLACEHOLDER_COLOR = "--rp-password-input-placeholder-color", O.PASSWORD_MODAL_INPUT_BORDER_COLOR = "--rp-password-input-border-color", O.PASSWORD_MODAL_INPUT_FONT_COLOR = "--rp-password-input-font-color", O.PASSWORD_MODAL_BUTTON_FONT_COLOR = "--rp-password-button-font-color", O.PASSWORD_MODAL_BUTTON_BACKGROUND_COLOR = "--rp-password-button-background-color", O.PASSWORD_MODAL_BUTTON_BORDER_COLOR = "--rp-password-button-border-color", O.CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width", O.CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color", O.CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset", O))(d || {}), C = /* @__PURE__ */ ((O) => (O.PAGE_SCROLLING = "PAGE", O.VERTICAL_SCROLLING = "VERTICAL", O.HORIZONTAL_SCROLLING = "HORIZONTAL", O))(C || {}), c = /* @__PURE__ */ ((O) => (O.TEXT = "TEXT", O.HAND = "HAND", O))(c || {});
+const A = {
   en_US: r,
   zh_CN: _,
   it_IT: R,
@@ -8,13 +8,13 @@ const g = {
   th_TH: p
 };
 export {
-  E as AnnotationSubType,
-  I as AnnotationType,
-  N as LicenseType,
-  g as Locales,
+  D as AnnotationSubType,
+  N as AnnotationType,
+  L as LicenseType,
+  A as Locales,
   C as ScrollMode,
   c as SelectionMode,
-  L as ThemeVariables,
-  d as ViewMode,
-  D as ZoomLevel
+  d as ThemeVariables,
+  I as ViewMode,
+  E as ZoomLevel
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "The PDF Viewer component for React and Next.js",
-  "version": "1.6.0-beta.8",
+  "version": "1.6.0-rc.0",
   "keywords": [
     "component",
     "frontend",