@react-pdf-kit/viewer 2.6.0-beta.1 → 2.6.0-rc.0

package/dist/components/page/AnnotationLayer.js

@@ -1,146 +1,2 @@
-import { jsx as P } from "react/jsx-runtime";
-import { useRef as b, useState as I, useMemo as S, useEffect as h, useCallback as R } from "react";
-import { u as j } from "../../PaginationContext-87f832f2.js";
-import { usePrintContext as O } from "../../contexts/PrintContext.js";
-import { AnnotationLayer as $ } from "pdfjs-dist";
-import { SimpleLinkService as A } from "../../utils/link_service.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";
-import "../../contexts/ViewModeContext.js";
-import "../../de_DE-8145915f.js";
-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 "../../utils/getZoomLevel.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../contexts/RotationContext.js";
-import "../../utils/hooks/useLoadPdf.js";
-import "../../utils/getThumbnailViewport.js";
-import "../../contexts/ConfigContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import "../../utils/const.js";
-import "../../utils/hooks/usePdfProperties.js";
-import "../../utils/convertPdfDate.js";
-import "../../utils/formatFileSize.js";
-import "../../utils/hooks/useDebounce.js";
-import "../../contexts/PagesRotateContext.js";
-import "../../contexts/SmoothScrollContext.js";
-import "../../utils/getScrollDistance.js";
-import "../../utils/calculatePage.js";
-import "../../utils/hooks/usePrint.js";
-import "../../utils/sanitizeExternalUrl.js";
-import "../../utils/dateFormatter.js";
-import "../../contexts/DownloadContext.js";
-const z = {
-  "rp-annotation-layer": "_rp-annotation-layer_rwxfx_1"
-};
-let B = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const _t = (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]), h(() => {
-    e && e.page.getAnnotations().then((o) => {
-      n.current = void 0, F(o), t.current && (t.current.innerText = "");
-    });
-  }, [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, a, E, w, y]
-  );
-  return h(() => {
-    if (!e || !a)
-      return;
-    const o = e.page.getViewport();
-    if (n.current) {
-      n.current.update({
-        viewport: o.clone({ dontFlip: !0 })
-      });
-      return;
-    }
-    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 p = new AbortController();
-    return (async () => {
-      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: e.page,
-        viewport: o.clone({ dontFlip: !0 }),
-        commentManager: void 0,
-        linkService: new A(r, d),
-        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 (x = n.current) == null ? void 0 : x.render({
-        annotations: a,
-        annotationStorage: r == null ? void 0 : r.annotationStorage,
-        hasJSActions: s,
-        fieldObjects: g,
-        div: t.current,
-        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 && (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((s) => {
-      if (s !== "abort")
-        throw s;
-    }).finally(() => {
-      n.current = void 0;
-    }), () => {
-      p.abort("clear"), t.current && M(t.current, m), c.current && (c.current.disconnect(), c.current = null);
-    };
-  }, [r, a, m, d]), /* @__PURE__ */ P(
-    "div",
-    {
-      "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 {
-  _t as AnnotationLayer
-};
+import { t as e } from "../../AnnotationLayer-D6BfL976.js";
+export { e as AnnotationLayer };

package/dist/components/page/CanvasLayer.js

@@ -1,72 +1,48 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useRef as p, useEffect as x } from "react";
-import { useDocumentContext as C } from "../../contexts/RPDocumentContext.js";
-import { useZoomContext as R } from "../../contexts/ZoomContext.js";
-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 "pdfjs-dist";
-import "../../utils/types.js";
-import "../../de_DE-8145915f.js";
-import "../../utils/getThumbnailViewport.js";
-import "../../contexts/ConfigContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import "../../utils/appConsole.js";
-import "../../utils/const.js";
-import "../../utils/hooks/usePdfProperties.js";
-import "../../utils/convertPdfDate.js";
-import "../../utils/formatFileSize.js";
-import "../../utils/constants.js";
-import "../../utils/getZoomLevel.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../contexts/ViewModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/EventCallbackContext.js";
-import "../../utils/hooks/useDebounce.js";
-import "../../utils/Queue.js";
-import "../../utils/renderPage.js";
-import "../../PaginationContext-87f832f2.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../../utils/smoothScrollTo.js";
-import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/SmoothScrollContext.js";
-import "../../utils/getScrollDistance.js";
-import "../../utils/calculatePage.js";
-const nt = (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)
-      return;
-    const c = e.get(t);
-    if (r.current && c) {
-      const f = r.current;
-      f.hidden = !0;
-      const g = v.current;
-      g && g.cancel(), o && o(), i.enqueue(
-        u.current,
-        {
-          page: c.page,
-          canvasElem: f,
-          options: {
-            scale: m,
-            rotate: a[t],
-            renderForms: !0,
-            interactiveForm: s
-          },
-          onLoaded: n
-        },
-        3
-      );
-    }
-    return () => {
-      i.removeQueue(u.current);
-    };
-  }, [e, t, a, m, o, n, i, s]), /* @__PURE__ */ l("canvas", { "data-rp": `page-${t}-canvas`, ref: r });
-};
-export {
-  nt as CanvasLayer
+import { useDocumentContext as e } from "../../contexts/RPDocumentContext.js";
+import { useInitialStateContext as t } from "../../contexts/InitialStateContext.js";
+import { useZoomContext as n } from "../../contexts/ZoomContext.js";
+import { usePagesRotateContext as r } from "../../contexts/PagesRotateContext.js";
+import { useRenderQueue as i } from "../../contexts/RenderQueueProvider.js";
+import { useEffect as a, useRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region lib/components/page/CanvasLayer.tsx
+var c = (c) => {
+	let { pageNumber: l, onLoaded: u, onLoading: d } = c, f = o(null), { pages: p } = e(), { pageRotate: m } = r(), h = o(), { currentZoom: g } = n(), { interactiveForm: _ } = t(), v = i(), y = o(`page-${l}`);
+	return a(() => {
+		if (!p || g === 0) return;
+		let e = p.get(l);
+		if (f.current && e) {
+			let t = f.current;
+			t.hidden = !0;
+			let n = h.current;
+			n && n.cancel(), d && d(), v.enqueue(y.current, {
+				page: e.page,
+				canvasElem: t,
+				options: {
+					scale: g,
+					rotate: m[l],
+					renderForms: !0,
+					interactiveForm: _
+				},
+				onLoaded: u
+			}, 3);
+		}
+		return () => {
+			v.removeQueue(y.current);
+		};
+	}, [
+		p,
+		l,
+		m,
+		g,
+		d,
+		u,
+		v,
+		_
+	]), /* @__PURE__ */ s("canvas", {
+		"data-rp": `page-${l}-canvas`,
+		ref: f
+	});
 };
+//#endregion
+export { c as CanvasLayer };

package/dist/components/page/CustomElement.js

@@ -1,54 +1,19 @@
-import { jsx as m, Fragment as s } from "react/jsx-runtime";
-import { useRef as u, useMemo as l, useEffect as c } from "react";
-import { useElementPageContext as f } from "../../contexts/ElementPageContext.js";
-import "../../utils/types.js";
-import "../../de_DE-8145915f.js";
-import "../../contexts/DimensionPagesContext.js";
-import "../../utils/appConsole.js";
-import "../../contexts/RPDocumentContext.js";
-import "../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../utils/getThumbnailViewport.js";
-import "../../contexts/ConfigContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import "../../utils/const.js";
-import "../../utils/hooks/usePdfProperties.js";
-import "../../utils/convertPdfDate.js";
-import "../../utils/formatFileSize.js";
-import "../../contexts/ZoomContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../utils/constants.js";
-import "../../utils/getZoomLevel.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../contexts/ViewModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/EventCallbackContext.js";
-import "../../utils/hooks/useDebounce.js";
-import "../../contexts/PagesRotateContext.js";
-import "../../contexts/LicenseContext.js";
-import "../../utils/hooks/useLicense.js";
-import "../../utils/getScrollDistance.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../utils/getElementPositionInPage.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/SmoothScrollContext.js";
-const a = ({ child: t }) => {
-  const r = u(null);
-  return c(() => {
-    var i;
-    return (i = r.current) == null || i.appendChild(t), () => {
-      var o;
-      (o = r.current) == null || o.removeChild(t);
-    };
-  }, [t]), /* @__PURE__ */ m("div", { ref: r });
-}, Y = ({ 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));
-  }, [r, 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
+import { useElementPageContext as e } from "../../contexts/ElementPageContext.js";
+import { useEffect as t, useMemo as n, useRef as r } from "react";
+import { Fragment as i, jsx as a } from "react/jsx-runtime";
+//#region lib/components/page/CustomElement.tsx
+var o = ({ child: e }) => {
+	let n = r(null);
+	return t(() => (n.current?.appendChild(e), () => {
+		n.current?.removeChild(e);
+	}), [e]), /* @__PURE__ */ a("div", { ref: n });
+}, s = ({ pageNumber: t }) => {
+	let { elementList: s } = e(), c = r(null), l = n(() => s[t]?.map((e, t) => e instanceof HTMLElement ? /* @__PURE__ */ a(o, { child: e }, t) : /* @__PURE__ */ a("div", { children: e }, t)), [s, t]);
+	return l ? /* @__PURE__ */ a(i, { children: /* @__PURE__ */ a("div", {
+		ref: c,
+		"data-rp": `page-${t}-customElement`,
+		children: l.map((e) => e)
+	}) }) : null;
 };
+//#endregion
+export { s as CustomElement };

package/dist/components/page/DualPage.js

@@ -1,99 +1,44 @@
-import { jsx as u } from "react/jsx-runtime";
-import { memo as h, useMemo as e } from "react";
-import { u as l } from "../../PaginationContext-87f832f2.js";
-import { RPPage as f } from "./RPPage.js";
-import "../../utils/types.js";
-import "../../de_DE-8145915f.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../utils/appConsole.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/RPDocumentContext.js";
-import "../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../utils/getThumbnailViewport.js";
-import "../../contexts/ConfigContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import "../../utils/const.js";
-import "../../utils/hooks/usePdfProperties.js";
-import "../../utils/convertPdfDate.js";
-import "../../utils/formatFileSize.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/EventCallbackContext.js";
-import "../../contexts/ViewModeContext.js";
-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 "../../utils/getZoomLevel.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../contexts/RotationContext.js";
-import "../../utils/hooks/useDebounce.js";
-import "../../contexts/PagesRotateContext.js";
-import "../../contexts/SmoothScrollContext.js";
-import "../../utils/getScrollDistance.js";
-import "../../utils/calculatePage.js";
-import "./CanvasLayer.js";
-import "../../contexts/RenderQueueProvider.js";
-import "../../utils/Queue.js";
-import "../../utils/renderPage.js";
-import "./TextLayer.js";
-import "../../utils/highlight.js";
-import "../../utils/charators.js";
-import "../../contexts/SearchContext.js";
-import "../../utils/hooks/useSearch.js";
-import "../../utils/getWordPositionInPage.js";
-import "./AnnotationLayer.js";
-import "../../contexts/PrintContext.js";
-import "../../utils/hooks/usePrint.js";
-import "../../utils/link_service.js";
-import "../../utils/annotations.js";
-import "../../utils/sanitizeExternalUrl.js";
-import "../../utils/dateFormatter.js";
-import "../../utils/hooks/useFileDownload.js";
-import "../../contexts/DownloadContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/LoaderContext.js";
-import "../icons/LoaderIcon.js";
-import "../../clsx-0c6e471a.js";
-import "./TextHighlightLayer.js";
-import "../../contexts/HighlightContext.js";
-import "../../utils/hooks/useHighlight.js";
-import "./searchHighlight.js";
-import "./CustomElement.js";
-import "../../contexts/ElementPageContext.js";
-import "../../contexts/LicenseContext.js";
-import "../../utils/hooks/useLicense.js";
-import "../../utils/getElementPositionInPage.js";
-import "../../utils/withRef.js";
-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) {
-      const i = o + 1;
-      t.push(i);
-    }
-    return t;
-  }, [r, n]), p = e(() => {
-    const t = r % 2 === 1 ? r - 1 : r - 2, o = Math.floor(t / 2), i = s(o), c = m(t), d = m(t + 1);
-    return [
-      {
-        position: "absolute",
-        left: 0,
-        width: c,
-        height: i
-      },
-      {
-        position: "absolute",
-        left: c,
-        width: d,
-        height: i
-      }
-    ];
-  }, [m, s, a]), g = e(() => p.reduce((t, o) => t + Number(o.width || 0), 0), [p]);
-  return /* @__PURE__ */ u("div", { style: { width: g, position: "relative" }, children: a.map((t, o) => /* @__PURE__ */ u(f, { style: p[o], pageNumber: t }, t)) });
+import { r as e } from "../../PaginationContext--n91mIJ4.js";
+import { t } from "../../RPPage-BuSGUFzw.js";
+import { memo as n, useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region lib/components/page/DualPage.tsx
+var a = n(({ widths: n, heights: a }) => {
+	let { focusedPage: o, totalPages: s } = e(), c = r(() => {
+		let e = [], t = Math.ceil(o / 2) * 2 - 1;
+		if (e.push(t), t + 1 <= s) {
+			let n = t + 1;
+			e.push(n);
+		}
+		return e;
+	}, [o, s]), l = r(() => {
+		let e = o % 2 == 1 ? o - 1 : o - 2, t = a(Math.floor(e / 2)), r = n(e), i = n(e + 1);
+		return [{
+			position: "absolute",
+			left: 0,
+			width: r,
+			height: t
+		}, {
+			position: "absolute",
+			left: r,
+			width: i,
+			height: t
+		}];
+	}, [
+		n,
+		a,
+		c
+	]);
+	return /* @__PURE__ */ i("div", {
+		style: {
+			width: r(() => l.reduce((e, t) => e + Number(t.width || 0), 0), [l]),
+			position: "relative"
+		},
+		children: c.map((e, n) => /* @__PURE__ */ i(t, {
+			style: l[n],
+			pageNumber: e
+		}, e))
+	});
 });
-export {
-  Rt as DualPage
-};
+//#endregion
+export { a as DualPage };