@pdf-viewer/react 1.9.1-rc.0 → 1.9.1-rc.10

package/dist/components/page/CanvasLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { D as _ } from "../../ToolbarLayout.module-cd89d275.js";
+import { C as rr } from "../../ToolbarLayout.module-cbc8e216.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -25,6 +25,7 @@ import "../../contexts/DownloadContext.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../../contexts/ElementPageContext.js";
 import "../../contexts/PagesRotateContext.js";
+import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/LoaderContext.js";
 import "../../contexts/ToolComponentContext.js";
 import "../../contexts/IconToolContext.js";
@@ -44,11 +45,12 @@ import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../ui/RPTooltip.js";
 import "../ui/DropDown.js";
+import "../../ZoomTool.module-6c5eabbb.js";
 import "../layout/toolbar/MenuItem.js";
 import "../layout/toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
 import "../layout/toolbar/PropertyItem.js";
 import "../layout/toolbar/RotateTool.js";
 export {
-  _ as CanvasLayer
+  rr as CanvasLayer
 };

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { J as p } from "../../ToolbarLayout.module-cd89d275.js";
+import { I as p } from "../../ToolbarLayout.module-cbc8e216.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { H as oo } from "../../ToolbarLayout.module-cd89d275.js";
+import { G as mo } from "../../ToolbarLayout.module-cbc8e216.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";
@@ -25,6 +25,7 @@ import "../../contexts/DownloadContext.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../../contexts/ElementPageContext.js";
 import "../../contexts/PagesRotateContext.js";
+import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/LoaderContext.js";
 import "../../contexts/ToolComponentContext.js";
 import "../../contexts/IconToolContext.js";
@@ -44,6 +45,7 @@ import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../ui/RPTooltip.js";
 import "../ui/DropDown.js";
+import "../../ZoomTool.module-6c5eabbb.js";
 import "../layout/toolbar/MenuItem.js";
 import "../layout/toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
@@ -52,5 +54,5 @@ import "../layout/toolbar/RotateTool.js";
 import "./CustomElement.js";
 import "../../utils/withRef.js";
 export {
-  oo as RPPage
+  mo as RPPage
 };

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { K as m } from "../../ToolbarLayout.module-cd89d275.js";
+import { J as m } from "../../ToolbarLayout.module-cbc8e216.js";
 export {
   m as SinglePage
 };

package/dist/components/page/TextHighlightLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { G as rr } from "../../ToolbarLayout.module-cd89d275.js";
+import { F as ir } from "../../ToolbarLayout.module-cbc8e216.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -25,6 +25,7 @@ import "../../contexts/DownloadContext.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../../contexts/ElementPageContext.js";
 import "../../contexts/PagesRotateContext.js";
+import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/LoaderContext.js";
 import "../../contexts/ToolComponentContext.js";
 import "../../contexts/IconToolContext.js";
@@ -44,6 +45,7 @@ import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../ui/RPTooltip.js";
 import "../ui/DropDown.js";
+import "../../ZoomTool.module-6c5eabbb.js";
 import "../layout/toolbar/MenuItem.js";
 import "../layout/toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
@@ -52,5 +54,5 @@ import "../layout/toolbar/RotateTool.js";
 import "./searchHighlight.js";
 import "../../utils/highlight.js";
 export {
-  rr as TextHighlightLayer
+  ir as TextHighlightLayer
 };

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 { E as rr } from "../../ToolbarLayout.module-cd89d275.js";
+import { D as tr } from "../../ToolbarLayout.module-cbc8e216.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -25,6 +25,7 @@ import "../../contexts/DownloadContext.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../../contexts/ElementPageContext.js";
 import "../../contexts/PagesRotateContext.js";
+import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/LoaderContext.js";
 import "../../contexts/ToolComponentContext.js";
 import "../../contexts/IconToolContext.js";
@@ -44,6 +45,7 @@ import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../ui/RPTooltip.js";
 import "../ui/DropDown.js";
+import "../../ZoomTool.module-6c5eabbb.js";
 import "../layout/toolbar/MenuItem.js";
 import "../layout/toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
@@ -52,5 +54,5 @@ import "../layout/toolbar/RotateTool.js";
 import "pdfjs-dist";
 import "../../utils/highlight.js";
 export {
-  rr as TextLayer
+  tr as TextLayer
 };

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { q as i } from "../../ToolbarLayout.module-cd89d275.js";
+import { p as i } from "../../ToolbarLayout.module-cbc8e216.js";
 import "../../clsx-0c6e471a.js";
 import "../../contexts/LocalizationContext.js";
 export {

package/dist/contexts/ElementPageContext.js

@@ -1,44 +1,49 @@
-import { jsx as L } from "react/jsx-runtime";
-import { createContext as w, useState as P, useCallback as u, useContext as h, useRef as g, useMemo as A } from "react";
+import { jsx as w } from "react/jsx-runtime";
+import { createContext as L, useState as P, useCallback as u, useContext as h, useRef as g, useMemo as A } from "react";
 import { LicenseType as R } from "../utils/types.js";
 import { useDimensionPagesContext as y } from "./DimensionPagesContext.js";
 import { usePagesRotateContext as S } from "./PagesRotateContext.js";
 import { useLicenseContext as T } from "./LicenseContext.js";
 import { useZoomContext as _ } from "./ZoomContext.js";
 import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as E } from "../utils/const.js";
-const d = w(void 0), z = ({ children: i }) => {
-  const [l, o] = P({}), { widths: t, heights: c } = y(), { pageRotate: m } = S(), { zoomLevel: f } = _(), x = u(
+const d = L(void 0), U = ({ children: c }) => {
+  const [i, o] = P({}), { widths: t, heights: l } = y(), { pageRotate: m } = S(), { currentZoom: f } = _(), x = u(
     (e, r) => {
       o((n) => {
-        const s = { width: t[e], height: c[e] };
+        const s = { width: t[e], height: l[e] };
         return {
           ...n,
-          [e]: r(n[e], s, m[e], f)
+          [e]: r(
+            n[e],
+            s,
+            m[e],
+            f * 100
+          )
         };
       });
     },
-    [t, c, f, m]
+    [t, l, f, m]
   ), p = u((e) => {
     o((r) => {
       const n = { ...r };
       return delete n[e], n;
     });
-  }, []), v = u((e, r) => {
+  }, []), C = u((e, r) => {
     o((n) => {
       const s = { ...n };
-      return s[e] = s[e].filter((D, C) => C !== r), s;
+      return s[e] = s[e].filter((D, v) => v !== r), s;
     });
   }, []);
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ w(
     d.Provider,
     {
-      value: { updateElement: x, clearElements: p, removeElement: v, elementList: l },
-      children: i
+      value: { updateElement: x, clearElements: p, removeElement: C, elementList: i },
+      children: c
     }
   );
 }, a = () => {
-}, U = () => {
-  const i = h(d), { type: l, validating: o } = T(), t = g(0), c = A(() => {
+}, W = () => {
+  const c = h(d), { type: i, validating: o } = T(), t = g(0), l = A(() => {
     if (o !== !1)
       return {
         updateElement: a,
@@ -46,7 +51,7 @@ const d = w(void 0), z = ({ children: i }) => {
         removeElement: a,
         elementList: {}
       };
-    if (!(l !== R.Developer))
+    if (!(i !== R.Developer))
       return {
         updateElement: () => {
           t.current === 0 && (console.error(E), t.current++);
@@ -59,13 +64,13 @@ const d = w(void 0), z = ({ children: i }) => {
         },
         elementList: {}
       };
-  }, [l, o]);
-  if (!i)
+  }, [i, o]);
+  if (!c)
     throw new Error("useElementPageContext must be used within a ElementPageProvider");
-  return c || i;
+  return l || c;
 };
 export {
   d as ElementPageContext,
-  z as ElementPageProvider,
-  U as useElementPageContext
+  U as ElementPageProvider,
+  W as useElementPageContext
 };

package/dist/contexts/GlobalCurrentPage.js

@@ -0,0 +1,16 @@
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as u, useContext as s, useState as c } from "react";
+import { useInitialStateContext as i } from "./InitialStateContext.js";
+const e = u({
+  currentPage: 1,
+  setCurrentPage: () => {
+  }
+}), C = () => s(e), x = ({ children: t }) => {
+  const { initialPage: r = 1 } = i(), [o, n] = c(r);
+  return /* @__PURE__ */ a(e.Provider, { value: { currentPage: o, setCurrentPage: n }, children: t });
+};
+export {
+  e as GlobalCurrentPage,
+  x as GlobalCurrentPageProvider,
+  C as useGlobalCurrentPage
+};

package/dist/contexts/PaginationContext.js

@@ -1,10 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import { t as e, P as m, u as p } from "../ToolbarLayout.module-cd89d275.js";
+import { s as p, P as e, u as s } from "../ToolbarLayout.module-cbc8e216.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
+import "./GlobalCurrentPage.js";
 export {
-  e as PaginationContext,
-  m as PaginationProvider,
-  p as usePaginationContext
+  p as PaginationContext,
+  e as PaginationProvider,
+  s as usePaginationContext
 };

package/dist/contexts/PrintContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { w as e, h as n, c as s } from "../ToolbarLayout.module-cd89d275.js";
+import { v as e, h as n, c as s } from "../ToolbarLayout.module-cbc8e216.js";
 export {
   e as PrintContext,
   n as PrintProvider,

package/dist/contexts/RPDocumentContext.js

@@ -1,9 +1,9 @@
-import { jsx as x } from "react/jsx-runtime";
-import { createContext as C, useState as l, useEffect as h, useMemo as S, useContext as v } from "react";
-import { useLoadPdf as D } from "../utils/hooks/useLoadPdf.js";
-import { usePdfProperties as F } from "../utils/hooks/usePdfProperties.js";
-import { appConsole as M } from "../utils/appConsole.js";
-const m = C({
+import { jsx as C } from "react/jsx-runtime";
+import { createContext as h, useState as m, useEffect as v, useMemo as S, useContext as D } from "react";
+import { useLoadPdf as F } from "../utils/hooks/useLoadPdf.js";
+import { usePdfProperties as M } from "../utils/hooks/usePdfProperties.js";
+import { appConsole as j } from "../utils/appConsole.js";
+const u = h({
   pdf: void 0,
   pages: /* @__PURE__ */ new Map(),
   setPdfSrc: () => {
@@ -11,39 +11,41 @@ const m = C({
   setFilename: () => {
   },
   loading: !1,
-  loaderProgress: 0
-}), R = ({
+  loaderProgress: 0,
+  error: void 0
+}), b = ({
   children: t,
   src: e,
-  characterMap: u,
-  onLoadError: c,
-  onLoaded: P
+  characterMap: c,
+  onLoadError: P,
+  onLoaded: g
 }) => {
-  const [o, n] = l(e), [s, i] = l(), { pdf: r, pages: p, loading: d, loadingProgress: f } = D(o, u, {
-    onLoadError: c,
-    onLoaded: P
-  }), a = F(o, r, s);
-  h(() => {
+  const [o, n] = m(e), [s, i] = m(), { pdf: r, pages: d, loading: p, loadingProgress: f, error: a } = F(o, c, {
+    onLoadError: P,
+    onLoaded: g
+  }), l = M(o, r, s);
+  v(() => {
     i(e == null ? void 0 : e.split("/").pop()), n(e);
   }, [e]);
-  const g = S(() => ({
+  const x = S(() => ({
     pdf: r,
-    pages: p,
+    pages: d,
     pdfSrc: o,
     setPdfSrc: n,
-    pdfProperties: a,
+    pdfProperties: l,
     setFilename: i,
     filename: s,
-    loading: d,
-    loaderProgress: f
-  }), [r, p, o, a, d, f]);
-  return /* @__PURE__ */ x(m.Provider, { value: g, children: o ? t : null });
-}, b = () => {
-  const t = v(m);
-  return t.pdfSrc || M.error("Please use this hooks inside children component of RPDocument"), t;
+    loading: p,
+    loaderProgress: f,
+    error: a
+  }), [r, d, o, l, p, f, a]);
+  return /* @__PURE__ */ C(u.Provider, { value: x, children: o ? t : null });
+}, q = () => {
+  const t = D(u);
+  return t.pdfSrc || j.error("Please use this hooks inside children component of RPDocument"), t;
 };
 export {
-  R as DocumentProvider,
-  m as default,
-  b as useDocumentContext
+  b as DocumentProvider,
+  u as default,
+  q as useDocumentContext
 };

package/dist/contexts/RenderQueueProvider.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../utils/Queue.js";
 import "../utils/renderPage.js";
-import { B as m, g as p, C as d } from "../ToolbarLayout.module-cd89d275.js";
+import { A as m, g as p, B as d } from "../ToolbarLayout.module-cbc8e216.js";
 export {
   m as RenderQueueContext,
   p as RenderQueueProvider,

package/dist/contexts/SearchContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { A as a, f as s, d as c } from "../ToolbarLayout.module-cd89d275.js";
+import { z as a, f as s, d as c } from "../ToolbarLayout.module-cbc8e216.js";
 export {
   a as SearchContext,
   s as SearchProvider,

package/dist/contexts/ThumbnailsContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { y as m, T as r, i as e } from "../ToolbarLayout.module-cd89d275.js";
+import { x as m, T as r, i as e } from "../ToolbarLayout.module-cbc8e216.js";
 export {
   m as ThumbnailContext,
   r as ThumbnailProvider,

package/dist/contexts/ZoomContext.js

@@ -1,47 +1,94 @@
-import { jsx as C } from "react/jsx-runtime";
-import { createContext as P, useContext as L, useState as y, useMemo as c, useEffect as S } from "react";
-import { ZoomLevel as V } from "../utils/types.js";
-import { appConsole as b } from "../utils/appConsole.js";
-import { useInitialStateContext as A } from "./InitialStateContext.js";
-import { useDocumentContext as D } from "./RPDocumentContext.js";
-import { PAGE_PADDING as p } from "../utils/constants.js";
-import { getZoomLevel as E } from "../utils/getZoomLevel.js";
-import { useLayoutContainer as G } from "./LayoutContainerContext.js";
-import { useViewModeContext as H } from "./ViewModeContext.js";
-const d = P({
+import { jsx as A } from "react/jsx-runtime";
+import { createContext as I, useContext as M, useState as u, useRef as O, useEffect as p, useCallback as Z, useMemo as x } from "react";
+import { ZoomLevel as R } from "../utils/types.js";
+import { appConsole as J } from "../utils/appConsole.js";
+import { useInitialStateContext as _ } from "./InitialStateContext.js";
+import { useDocumentContext as j } from "./RPDocumentContext.js";
+import { PAGE_PADDING as F } from "../utils/constants.js";
+import { getZoomLevel as C } from "../utils/getZoomLevel.js";
+import { useLayoutContainer as T } from "./LayoutContainerContext.js";
+import { useViewModeContext as k } from "./ViewModeContext.js";
+import { useRotationContext as q } from "./RotationContext.js";
+import { useGlobalCurrentPage as B } from "./GlobalCurrentPage.js";
+import { useDebounce as K } from "../utils/hooks/useDebounce.js";
+const D = I({
   zoomLevel: 100,
   currentZoom: 1,
   setZoomLevel: () => {
   }
-}), T = () => {
-  const n = L(d);
-  return typeof n.currentZoom != "number" && b.warn("Please use this hooks inside children component of RPProvider"), n;
-}, q = ({ children: n }) => {
-  const {
-    initialScale: r = V.PAGE_FIT,
-    initialPage: u = 1,
-    initialRotation: l = 0
-  } = A(), [i, a] = y(typeof r == "number" ? r : 100), { pages: s } = D(), { pagesRef: e } = G(), { viewMode: h } = H(), f = c(() => i / 100, [i]), t = c(() => {
-    let o = s.get(u);
-    return o || (o = s.get(1)), o == null ? void 0 : o.page.getViewport({ scale: 1, rotation: l + o.defaultRotation });
-  }, [s, u, l]), m = c(() => {
-    if (!t)
+}), me = () => {
+  const c = M(D);
+  return typeof c.currentZoom != "number" && J.warn("Please use this hooks inside children component of RPProvider"), c;
+}, ue = ({ children: c }) => {
+  const { initialScale: W = R.PAGE_FIT } = _(), [n, b] = u(W), { pages: l } = j(), { pagesRef: t } = T(), { viewMode: h } = k(), [H, V] = u({
+    width: (t == null ? void 0 : t.clientWidth) || 0,
+    height: (t == null ? void 0 : t.clientHeight) || 0
+  }), a = K(H, 100), { rotate: g } = q(), [i, z] = u(null), d = O(null), { currentPage: v } = B(), [w, y] = u(v);
+  p(() => {
+    let e = l.get(w);
+    e || (e = l.get(1));
+    const o = e == null ? void 0 : e.page.getViewport({
+      scale: 1,
+      rotation: e.defaultRotation + g
+    });
+    o && JSON.stringify(o) !== JSON.stringify(d.current) && (d.current = o, z(o));
+  }, [l, g, w]);
+  const m = Z(() => {
+    if (!i)
+      return null;
+    const e = ((i == null ? void 0 : i.width) || 0) + 2 * F, o = (i == null ? void 0 : i.height) || 0, r = (t == null ? void 0 : t.clientWidth) || 0, s = (t == null ? void 0 : t.clientHeight) || 0;
+    return { pageWidth: e, pageHeight: o, clientWidth: r, clientHeight: s };
+  }, [i, t]), L = x(() => {
+    const e = m();
+    if (!a.width || !a.height || !e)
       return 0;
-    const o = ((t == null ? void 0 : t.width) || 0) + 2 * p, Z = ((t == null ? void 0 : t.height) || 0) + 2 * p, g = (e == null ? void 0 : e.clientWidth) || 0, v = (e == null ? void 0 : e.clientHeight) || 0;
-    return E(r, g, v, o, Z, h);
-  }, [t, r, e]);
-  S(() => {
-    typeof m == "number" && m && a(m);
-  }, [m]);
-  const x = c(() => ({
-    zoomLevel: i,
-    currentZoom: f,
-    setZoomLevel: a
-  }), [f, i]);
-  return /* @__PURE__ */ C(d.Provider, { value: x, children: n });
+    if (typeof n == "number")
+      return n / 100;
+    const { clientWidth: o, clientHeight: r, pageWidth: s, pageHeight: f } = e;
+    return C(n, o, r, s, f, h) / 100;
+  }, [n, a, m, h]);
+  p(() => {
+    y(v);
+  }, [n]), p(() => {
+    const e = (r) => {
+      r.forEach((s) => {
+        V({ width: s.contentRect.width, height: s.contentRect.height });
+      });
+    }, o = new ResizeObserver(e);
+    return t && o.observe(t), () => {
+      o.disconnect();
+    };
+  }, [t]);
+  const N = Z(
+    (e) => {
+      let o = 0;
+      if (typeof e == "function") {
+        const r = m();
+        if (!r)
+          return;
+        const { clientWidth: s, clientHeight: f, pageWidth: P, pageHeight: E } = r, G = C(
+          n,
+          s,
+          f,
+          P,
+          E,
+          h
+        );
+        o = e(G);
+      } else
+        o = e;
+      o && b(o);
+    },
+    [m]
+  ), S = x(() => ({
+    zoomLevel: n,
+    currentZoom: L,
+    setZoomLevel: N
+  }), [L, n]);
+  return /* @__PURE__ */ A(D.Provider, { value: S, children: c });
 };
 export {
-  d as ZoomContext,
-  q as ZoomProvider,
-  T as useZoomContext
+  D as ZoomContext,
+  ue as ZoomProvider,
+  me as useZoomContext
 };

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as r } from "./components/RPProvider.js";
-import { a as x, R as m, S as l, b as p, u as f, c as a, d as n } from "./ToolbarLayout.module-cd89d275.js";
+import { a as x, R as m, S as l, b as p, u as f, c as a, d as n } from "./ToolbarLayout.module-cbc8e216.js";
 import { RPConfig as u } from "./components/RPConfig.js";
 import { RPLayout as P } from "./components/layout/RPLayout.js";
 import { RPController as C } from "./components/RPController.js";