@react-pdf-kit/viewer 0.0.0-experimental.4 → 0.0.0-experimental.6

package/dist/components/page/AnnotationLayer.js

@@ -1,16 +1,15 @@
 import { jsx as P } from "react/jsx-runtime";
-import { useRef as g, useState as F, useMemo as S, useEffect as b, useCallback as R } from "react";
+import { useRef as b, useState as I, useMemo as S, useEffect as h, useCallback as R } from "react";
 import { u as j } from "../../PaginationContext-9217cab4.js";
 import { usePrintContext as O } from "../../contexts/PrintContext.js";
-import { AnnotationLayerBuilder as D } from "@pdf-viewer/pdfium/compat";
+import { AnnotationLayer as $ } from "pdfjs-dist";
 import { SimpleLinkService as A } from "../../utils/link_service.js";
-import { AnnotationSubType as _ } from "../../utils/types.js";
-import { useScrollModeContext as $ } from "../../contexts/ScrollModeContext.js";
-import { insertDateText as J, annotationEventsHandler as N, handleAnnotationWidget as W, bindLayerEvents as Z, fixTabIndexAccessibility as C, enhanceLinkAccessibility as M, unbindLayerEvents as L } from "../../utils/annotations.js";
-import { useInitialStateContext as B } from "../../contexts/InitialStateContext.js";
-import { useDocumentContext as H } from "../../contexts/RPDocumentContext.js";
-import { useFileDownload as U } from "../../utils/hooks/useFileDownload.js";
-import { useZoomContext as V } from "../../contexts/ZoomContext.js";
+import { AnnotationSubType as D } from "../../utils/types.js";
+import { useScrollModeContext as _ } from "../../contexts/ScrollModeContext.js";
+import { insertDateText as J, annotationEventsHandler as N, handleAnnotationWidget as V, bindLayerEvents as W, fixTabIndexAccessibility as C, enhanceLinkAccessibility as L, unbindLayerEvents as M } from "../../utils/annotations.js";
+import { useInitialStateContext as H } from "../../contexts/InitialStateContext.js";
+import { useDocumentContext as U } from "../../contexts/RPDocumentContext.js";
+import { useFileDownload as q } from "../../utils/hooks/useFileDownload.js";
 import "../../utils/appConsole.js";
 import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/EventCallbackContext.js";
@@ -20,20 +19,20 @@ import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
 import "../../utils/smoothScrollTo.js";
 import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/ZoomContext.js";
 import "../../utils/constants.js";
-import "../../contexts/PagesRotateContext.js";
+import "../../utils/getZoomLevel.js";
+import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/RotationContext.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "@pdf-viewer/pdfium";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../utils/hooks/usePdfProperties.js";
 import "../../utils/convertPdfDate.js";
 import "../../utils/formatFileSize.js";
-import "../../utils/getZoomLevel.js";
-import "../../contexts/LayoutContainerContext.js";
 import "../../utils/hooks/useDebounce.js";
+import "../../contexts/PagesRotateContext.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../../utils/getScrollDistance.js";
 import "../../utils/calculatePage.js";
@@ -41,106 +40,106 @@ import "../../utils/hooks/usePrint.js";
 import "../../utils/sanitizeExternalUrl.js";
 import "../../utils/dateFormatter.js";
 import "../../contexts/DownloadContext.js";
-const q = {
+const z = {
   "rp-annotation-layer": "_rp-annotation-layer_rwxfx_1"
 };
-let z = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const Jt = (T) => {
-  const { pageNumber: m } = T, t = g(null), { pages: h, pdf: r } = H(), { interactiveForm: k } = B(), n = g(), [c, E] = F(), { goToPage: d } = j(), { scrollMode: I } = $(), { print: x } = O(), { download: v } = U(), s = g(null), { currentZoom: y } = V(), o = S(() => h.get(m), [h, m]), e = S(() => o == null ? void 0 : o.page.getViewport({ scale: y }), [o, y]);
-  b(() => {
+let B = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const Dt = (T) => {
+  const { pageNumber: l } = T, t = b(null), { pages: v, pdf: r } = U(), { interactiveForm: k } = H(), n = b(), [a, F] = I(), { goToPage: d } = j(), { scrollMode: E } = _(), { print: w } = O(), { download: y } = q(), c = b(null), e = S(() => v.get(l), [v, l]), u = S(() => e == null ? void 0 : e.page.getViewport(), [e]);
+  h(() => {
     n.current && (n.current.div.replaceChildren(), n.current = void 0);
-  }, [r]), b(() => {
-    o && o.page.getAnnotations().then((u) => {
-      n.current = void 0, E(u), t.current && (t.current.innerText = "");
+  }, [r]), h(() => {
+    e && e.page.getAnnotations().then((o) => {
+      n.current = void 0, F(o), t.current && (t.current.innerText = "");
     });
-  }, [o]);
-  const p = R(
-    (u) => {
-      !c || !r || (J(t.current), N(u, r, c).then((a) => {
-        var l, i;
-        ((l = a == null ? void 0 : a.data) == null ? void 0 : l.action) === "Print" ? x() : ((i = a == null ? void 0 : a.data) == null ? void 0 : i.action) === "SaveAs" && v();
+  }, [e]);
+  const m = R(
+    (o) => {
+      !a || !r || (J(t.current), N(o, r, a).then((i) => {
+        var p, f;
+        ((p = i == null ? void 0 : i.data) == null ? void 0 : p.action) === "Print" ? w() : ((f = i == null ? void 0 : i.data) == null ? void 0 : f.action) === "SaveAs" && y();
       }));
     },
-    [r, c, I, x, v]
+    [r, a, E, w, y]
   );
-  return b(() => {
-    if (!o || !c || !e)
+  return h(() => {
+    if (!e || !a)
       return;
+    const o = e.page.getViewport();
     if (n.current) {
       n.current.update({
-        viewport: e
+        viewport: o.clone({ dontFlip: !0 })
       });
       return;
     }
-    const u = /* @__PURE__ */ new Map([]);
-    for (const i of c) {
-      const { annotationType: f } = i;
-      switch (f) {
-        case _.Widget:
-          W(i, e, u);
+    const i = /* @__PURE__ */ new Map([]);
+    for (const s of a) {
+      const { annotationType: g } = s;
+      switch (g) {
+        case D.Widget:
+          V(s, o, i);
           break;
       }
     }
-    const a = new AbortController();
+    const p = new AbortController();
     return (async () => {
-      var w;
-      n.current && (n.current.div.replaceChildren(), n.current = void 0), t.current && (t.current.innerText = ""), n.current = new D({
+      var x;
+      n.current && (n.current.div.replaceChildren(), n.current = void 0), t.current && (t.current.innerText = ""), n.current = new $({
         div: t.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
-        page: o.page,
-        viewport: e,
+        page: e.page,
+        viewport: o.clone({ dontFlip: !0 }),
         commentManager: void 0,
         linkService: new A(r, d),
-        annotationStorage: r == null ? void 0 : r.annotationStorage,
-        pageIndex: m - 1
-      }), t.current && L(t.current, p);
-      const i = await (r == null ? void 0 : r.hasJSActions()), f = await (r == null ? void 0 : r.getFieldObjects());
-      if (a.signal.aborted)
+        annotationStorage: r == null ? void 0 : r.annotationStorage
+      }), t.current && M(t.current, m);
+      const s = await (r == null ? void 0 : r.hasJSActions()), g = await (r == null ? void 0 : r.getFieldObjects());
+      if (p.signal.aborted)
         throw "abort";
-      return (w = n.current) == null ? void 0 : w.render({
-        annotations: c,
+      return (x = n.current) == null ? void 0 : x.render({
+        annotations: a,
         annotationStorage: r == null ? void 0 : r.annotationStorage,
-        hasJSActions: i,
-        fieldObjects: f,
+        hasJSActions: s,
+        fieldObjects: g,
         div: t.current,
-        viewport: e,
-        page: o.page,
-        imageResourcesPath: z,
+        viewport: o.clone({ dontFlip: !0 }),
+        page: e.page,
+        imageResourcesPath: B,
         renderForms: k ?? !0,
         linkService: new A(r, d),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      t.current && (Z(t.current, p), C(t.current), M(t.current), s.current && s.current.disconnect(), s.current = new MutationObserver(() => {
-        t.current && (C(t.current), M(t.current));
-      }), s.current.observe(t.current, {
+      t.current && (W(t.current, m), C(t.current), L(t.current), c.current && c.current.disconnect(), c.current = new MutationObserver(() => {
+        t.current && (C(t.current), L(t.current));
+      }), c.current.observe(t.current, {
         childList: !0,
         subtree: !0,
         attributes: !0,
         attributeFilter: ["tabindex", "href"]
       }));
-    }).catch((i) => {
-      if (i !== "abort")
-        throw i;
+    }).catch((s) => {
+      if (s !== "abort")
+        throw s;
     }).finally(() => {
       n.current = void 0;
     }), () => {
-      a.abort("clear"), t.current && L(t.current, p), s.current && (s.current.disconnect(), s.current = null);
+      p.abort("clear"), t.current && M(t.current, m), c.current && (c.current.disconnect(), c.current = null);
     };
-  }, [r, c, p, d, e]), /* @__PURE__ */ P(
+  }, [r, a, m, d]), /* @__PURE__ */ P(
     "div",
     {
-      "data-rp": `page-${m}-annotationLayer`,
-      style: { width: `${e == null ? void 0 : e.width}px`, height: `${e == null ? void 0 : e.height}px` },
-      className: q["rp-annotation-layer"],
+      "data-rp": `page-${l}-annotationLayer`,
+      style: { width: `${u == null ? void 0 : u.width}px`, height: `${u == null ? void 0 : u.height}px` },
+      className: z["rp-annotation-layer"],
       ref: t
     }
   );
 };
 export {
-  Jt as AnnotationLayer
+  Dt as AnnotationLayer
 };

package/dist/components/page/CanvasLayer.js

@@ -6,8 +6,7 @@ import { usePagesRotateContext as q } from "../../contexts/PagesRotateContext.js
 import { useRenderQueue as L } from "../../contexts/RenderQueueProvider.js";
 import { useInitialStateContext as k } from "../../contexts/InitialStateContext.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "@pdf-viewer/pdfium";
-import "@pdf-viewer/pdfium/compat";
+import "pdfjs-dist";
 import "../../utils/types.js";
 import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
@@ -36,7 +35,7 @@ import "../../contexts/DimensionPagesContext.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../../utils/getScrollDistance.js";
 import "../../utils/calculatePage.js";
-const nt = (d) => {
+const pt = (d) => {
   const { pageNumber: t, onLoaded: n, onLoading: o } = d, r = p(null), { pages: e } = C(), { pageRotate: a } = q(), v = p(), { currentZoom: m } = R(), { interactiveForm: s } = k(), i = L(), u = p(`page-${t}`);
   return x(() => {
     if (!e || m === 0)
@@ -68,5 +67,5 @@ const nt = (d) => {
   }, [e, t, a, m, o, n, i, s]), /* @__PURE__ */ l("canvas", { "data-rp": `page-${t}-canvas`, ref: r });
 };
 export {
-  nt as CanvasLayer
+  pt as CanvasLayer
 };

package/dist/components/page/CustomElement.js

@@ -7,8 +7,7 @@ import "../../contexts/DimensionPagesContext.js";
 import "../../utils/appConsole.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "@pdf-viewer/pdfium";
-import "@pdf-viewer/pdfium/compat";
+import "pdfjs-dist";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -42,7 +41,7 @@ const a = ({ child: t }) => {
       (o = r.current) == null || o.removeChild(t);
     };
   }, [t]), /* @__PURE__ */ m("div", { ref: r });
-}, Y = ({ pageNumber: t }) => {
+}, X = ({ pageNumber: t }) => {
   const { elementList: r } = f(), i = u(null), o = l(() => {
     var e;
     return (e = r[t]) == null ? void 0 : e.map((p, n) => p instanceof HTMLElement ? /* @__PURE__ */ m(a, { child: p }, n) : /* @__PURE__ */ m("div", { children: p }, n));
@@ -50,5 +49,5 @@ const a = ({ child: t }) => {
   return o ? /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m("div", { ref: i, "data-rp": `page-${t}-customElement`, children: o.map((e) => e) }) }) : null;
 };
 export {
-  Y as CustomElement
+  X as CustomElement
 };

package/dist/components/page/DualPage.js

@@ -9,8 +9,7 @@ import "../../utils/appConsole.js";
 import "../../contexts/InitialStateContext.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "@pdf-viewer/pdfium";
-import "@pdf-viewer/pdfium/compat";
+import "pdfjs-dist";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -39,16 +38,11 @@ import "../../contexts/RenderQueueProvider.js";
 import "../../utils/Queue.js";
 import "../../utils/renderPage.js";
 import "./TextLayer.js";
-import "../../contexts/SearchContext.js";
-import "../../utils/hooks/useSearch.js";
 import "../../utils/highlight.js";
 import "../../utils/charators.js";
-import "../../utils/selectionUtils.js";
-import "../../utils/geometryCache.js";
+import "../../contexts/SearchContext.js";
+import "../../utils/hooks/useSearch.js";
 import "../../utils/getWordPositionInPage.js";
-import "../../contexts/TextSelectionContext.js";
-import "../../utils/glyphHitTest.js";
-import "../../contexts/SelectionModeContext.js";
 import "./AnnotationLayer.js";
 import "../../contexts/PrintContext.js";
 import "../../utils/hooks/usePrint.js";
@@ -73,7 +67,7 @@ import "../../contexts/LicenseContext.js";
 import "../../utils/hooks/useLicense.js";
 import "../../utils/getElementPositionInPage.js";
 import "../../utils/withRef.js";
-const Et = h(({ widths: m, heights: s }) => {
+const Rt = h(({ widths: m, heights: s }) => {
   const { focusedPage: r, totalPages: n } = l(), a = e(() => {
     const t = [], o = Math.ceil(r / 2) * 2 - 1;
     if (t.push(o), o + 1 <= n) {
@@ -101,5 +95,5 @@ const Et = h(({ widths: m, heights: s }) => {
   return /* @__PURE__ */ u("div", { style: { width: g, position: "relative" }, children: a.map((t, o) => /* @__PURE__ */ u(f, { style: p[o], pageNumber: t }, t)) });
 });
 export {
-  Et as DualPage
+  Rt as DualPage
 };

package/dist/components/page/DualPageWithCover.js

@@ -9,8 +9,7 @@ import "../../utils/appConsole.js";
 import "../../contexts/InitialStateContext.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "@pdf-viewer/pdfium";
-import "@pdf-viewer/pdfium/compat";
+import "pdfjs-dist";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -39,16 +38,11 @@ import "../../contexts/RenderQueueProvider.js";
 import "../../utils/Queue.js";
 import "../../utils/renderPage.js";
 import "./TextLayer.js";
-import "../../contexts/SearchContext.js";
-import "../../utils/hooks/useSearch.js";
 import "../../utils/highlight.js";
 import "../../utils/charators.js";
-import "../../utils/selectionUtils.js";
-import "../../utils/geometryCache.js";
+import "../../contexts/SearchContext.js";
+import "../../utils/hooks/useSearch.js";
 import "../../utils/getWordPositionInPage.js";
-import "../../contexts/TextSelectionContext.js";
-import "../../utils/glyphHitTest.js";
-import "../../contexts/SelectionModeContext.js";
 import "./AnnotationLayer.js";
 import "../../contexts/PrintContext.js";
 import "../../utils/hooks/usePrint.js";
@@ -73,7 +67,7 @@ import "../../contexts/LicenseContext.js";
 import "../../utils/hooks/useLicense.js";
 import "../../utils/getElementPositionInPage.js";
 import "../../utils/withRef.js";
-const Qt = b(({ widths: o, heights: a }) => {
+const Et = b(({ widths: o, heights: a }) => {
   const { focusedPage: l, totalPages: m } = y(), i = f(() => {
     const t = [];
     if (l === 1)
@@ -133,5 +127,5 @@ const Qt = b(({ widths: o, heights: a }) => {
   return /* @__PURE__ */ h("div", { style: W, children: i.map((t, r) => /* @__PURE__ */ h(I, { style: x[r], pageNumber: t }, t)) });
 });
 export {
-  Qt as DualPageWithCover
+  Et as DualPageWithCover
 };

package/dist/components/page/RPPage.js

@@ -12,8 +12,7 @@ import { usePagesRotateContext as D } from "../../contexts/PagesRotateContext.js
 import { CustomElement as M } from "./CustomElement.js";
 import { withRef as O } from "../../utils/withRef.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "@pdf-viewer/pdfium";
-import "@pdf-viewer/pdfium/compat";
+import "pdfjs-dist";
 import "../../utils/types.js";
 import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
@@ -44,16 +43,11 @@ import "../../utils/hooks/useDebounce.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../../utils/getScrollDistance.js";
 import "../../utils/calculatePage.js";
-import "../../contexts/SearchContext.js";
-import "../../utils/hooks/useSearch.js";
 import "../../utils/highlight.js";
 import "../../utils/charators.js";
-import "../../utils/selectionUtils.js";
-import "../../utils/geometryCache.js";
+import "../../contexts/SearchContext.js";
+import "../../utils/hooks/useSearch.js";
 import "../../utils/getWordPositionInPage.js";
-import "../../contexts/TextSelectionContext.js";
-import "../../utils/glyphHitTest.js";
-import "../../contexts/SelectionModeContext.js";
 import "../../contexts/PrintContext.js";
 import "../../utils/hooks/usePrint.js";
 import "../../utils/link_service.js";
@@ -76,7 +70,7 @@ const a = {
   "rp-page-wrapper": "_rp-page-wrapper_ii91u_1",
   "rp-page": "_rp-page_ii91u_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_ii91u_15"
-}, ar = O((h, w) => {
+}, rr = O((h, w) => {
   const { pageNumber: t, style: x, ...L } = h, { pages: p } = j(), { pageRotate: s } = D(), { textLayer: $ } = T(), { currentZoom: m } = Z(), { LoaderImageComponent: n } = k(), i = g(p.get(t)), [v, c] = l(!1), u = g(null), [r, y] = l({
     width: 0,
     height: 0
@@ -118,7 +112,7 @@ const a = {
         ...x,
         "--rp-rotate": `${e}deg`,
         "--rp-page-rotate-translate": `${C}`,
-        "--user-unit": 1,
+        "--user-unit": r.userUnit || 1,
         "--scale-factor": m,
         "--total-scale-factor": "calc(var(--scale-factor) * var(--user-unit))"
       },
@@ -145,5 +139,5 @@ const a = {
   );
 });
 export {
-  ar as RPPage
+  rr as RPPage
 };

package/dist/components/page/SinglePage.js

@@ -9,8 +9,7 @@ import "../../utils/appConsole.js";
 import "../../contexts/InitialStateContext.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "@pdf-viewer/pdfium";
-import "@pdf-viewer/pdfium/compat";
+import "pdfjs-dist";
 import "../../utils/getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -39,16 +38,11 @@ import "../../contexts/RenderQueueProvider.js";
 import "../../utils/Queue.js";
 import "../../utils/renderPage.js";
 import "./TextLayer.js";
-import "../../contexts/SearchContext.js";
-import "../../utils/hooks/useSearch.js";
 import "../../utils/highlight.js";
 import "../../utils/charators.js";
-import "../../utils/selectionUtils.js";
-import "../../utils/geometryCache.js";
+import "../../contexts/SearchContext.js";
+import "../../utils/hooks/useSearch.js";
 import "../../utils/getWordPositionInPage.js";
-import "../../contexts/TextSelectionContext.js";
-import "../../utils/glyphHitTest.js";
-import "../../contexts/SelectionModeContext.js";
 import "./AnnotationLayer.js";
 import "../../contexts/PrintContext.js";
 import "../../utils/hooks/usePrint.js";
@@ -73,7 +67,7 @@ import "../../contexts/LicenseContext.js";
 import "../../utils/hooks/useLicense.js";
 import "../../utils/getElementPositionInPage.js";
 import "../../utils/withRef.js";
-const Ao = ({ widths: t, heights: r }) => {
+const Ro = ({ widths: t, heights: r }) => {
   const { focusedPage: o } = n(), p = m(() => ({
     position: "absolute",
     width: t(o - 1),
@@ -91,5 +85,5 @@ const Ao = ({ widths: t, heights: r }) => {
   );
 };
 export {
-  Ao as SinglePage
+  Ro as SinglePage
 };