@react-pdf-kit/viewer 2.0.0-beta.0 → 2.0.0-beta.10

package/dist/components/page/AnnotationLayer.js

@@ -1,62 +1,138 @@
-import "react/jsx-runtime";
-import "react";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import { G as ao } from "../../ToolbarLayout.module-c588d36b.js";
-import "../../contexts/DarkModeContext.js";
-import "../../utils/types.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
+import { jsx as k } from "react/jsx-runtime";
+import { useRef as y, useState as F, useMemo as S, useEffect as f, useCallback as E } from "react";
+import { u as P } from "../../PaginationContext-9217cab4.js";
+import { usePrintContext as j } from "../../contexts/PrintContext.js";
+import { AnnotationLayer as R } from "pdfjs-dist";
+import { SimpleLinkService as x } from "../../utils/link_service.js";
+import { AnnotationSubType as $ } from "../../utils/types.js";
+import { useScrollModeContext as D } from "../../contexts/ScrollModeContext.js";
+import { insertDateText as I, annotationEventsHandler as _, handleAnnotationWidget as J, bindLayerEvents as N, unbindLayerEvents as A } from "../../utils/annotations.js";
+import { useInitialStateContext as O } from "../../contexts/InitialStateContext.js";
+import { useDocumentContext as V } from "../../contexts/RPDocumentContext.js";
+import { useFileDownload as W } from "../../utils/hooks/useFileDownload.js";
+import "../../utils/appConsole.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
 import "../../contexts/ViewModeContext.js";
-import "../../contexts/ScrollModeContext.js";
+import "../../th_TH-d627cd51.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../contexts/LayoutContainerContext.js";
+import "../../utils/smoothScrollTo.js";
 import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/LocalizationContext.js";
-import "../../contexts/HighlightContext.js";
-import "../../contexts/LicenseContext.js";
-import "../../contexts/DownloadContext.js";
-import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/ElementPageContext.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/hooks/usePdfProperties.js";
+import "../../utils/convertPdfDate.js";
+import "../../utils/formatFileSize.js";
+import "../../utils/hooks/useDebounce.js";
 import "../../contexts/PagesRotateContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/LoaderContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/OtherToolContext.js";
-import "../RPConfig.js";
-import "../layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../layout/sidebar/RPSplitter.js";
-import "../layout/WrapperLayout.js";
-import "../../LayoutWrapper-a871c161.js";
-import "../../contexts/ThemeContext.js";
-import "../RPDropFileZone.js";
-import "../ui/Button.js";
-import "../../SearchCloseButton-cbf182aa.js";
-import "../ui/Input.js";
-import "../ui/Checkbox.js";
-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 "../../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 "../layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-03987eba.js";
-import "pdfjs-dist";
-import "../../utils/link_service.js";
-import "../../utils/annotations.js";
+import "../../contexts/DownloadContext.js";
+const H = {
+  "rp-annotation-layer": "_rp-annotation-layer_rwxfx_1"
+};
+let U = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const $t = (C) => {
+  const { pageNumber: u } = C, n = y(null), { pages: h, pdf: t } = V(), { interactiveForm: M } = O(), r = y(), [a, L] = F(), { goToPage: d } = P(), { scrollMode: T } = D(), { print: v } = j(), { download: w } = W(), o = S(() => h.get(u), [h, u]), s = S(() => o == null ? void 0 : o.page.getViewport(), [o]);
+  f(() => {
+    r.current && (r.current.div.replaceChildren(), r.current = void 0);
+  }, [t]), f(() => {
+    o && o.page.getAnnotations().then((e) => {
+      r.current = void 0, L(e), n.current && (n.current.innerText = "");
+    });
+  }, [o]);
+  const m = E(
+    (e) => {
+      !a || !t || (I(n.current), _(e, t, a).then((i) => {
+        var p, l;
+        ((p = i == null ? void 0 : i.data) == null ? void 0 : p.action) === "Print" ? v() : ((l = i == null ? void 0 : i.data) == null ? void 0 : l.action) === "SaveAs" && w();
+      }));
+    },
+    [t, a, T, v, w]
+  );
+  return f(() => {
+    if (!o || !a)
+      return;
+    const e = o.page.getViewport();
+    if (r.current) {
+      r.current.update({
+        viewport: e.clone({ dontFlip: !0 })
+      });
+      return;
+    }
+    const i = /* @__PURE__ */ new Map([]);
+    for (const c of a) {
+      const { annotationType: g } = c;
+      switch (g) {
+        case $.Widget:
+          J(c, e, i);
+          break;
+      }
+    }
+    const p = new AbortController();
+    return (async () => {
+      var b;
+      r.current && (r.current.div.replaceChildren(), r.current = void 0), n.current && (n.current.innerText = ""), r.current = new R({
+        div: n.current,
+        accessibilityManager: void 0,
+        annotationCanvasMap: void 0,
+        annotationEditorUIManager: void 0,
+        structTreeLayer: null,
+        page: o.page,
+        viewport: e.clone({ dontFlip: !0 }),
+        commentManager: void 0,
+        linkService: new x(t, d),
+        annotationStorage: t == null ? void 0 : t.annotationStorage
+      }), n.current && A(n.current, m);
+      const c = await (t == null ? void 0 : t.hasJSActions()), g = await (t == null ? void 0 : t.getFieldObjects());
+      if (p.signal.aborted)
+        throw "abort";
+      return (b = r.current) == null ? void 0 : b.render({
+        annotations: a,
+        annotationStorage: t == null ? void 0 : t.annotationStorage,
+        hasJSActions: c,
+        fieldObjects: g,
+        div: n.current,
+        viewport: e.clone({ dontFlip: !0 }),
+        page: o.page,
+        imageResourcesPath: U,
+        renderForms: M ?? !0,
+        linkService: new x(t, d),
+        downloadManager: null,
+        enableScripting: !1
+      });
+    })().then(() => {
+      n.current && N(n.current, m);
+    }).catch((c) => {
+      if (c !== "abort")
+        throw c;
+    }).finally(() => {
+      r.current = void 0;
+    }), () => {
+      p.abort("clear"), n.current && A(n.current, m);
+    };
+  }, [t, a, m, d]), /* @__PURE__ */ k(
+    "div",
+    {
+      "data-rp": `page-${u}-annotationLayer`,
+      style: { width: `${s == null ? void 0 : s.width}px`, height: `${s == null ? void 0 : s.height}px` },
+      className: H["rp-annotation-layer"],
+      ref: n
+    }
+  );
+};
 export {
-  ao as AnnotationLayer
+  $t as AnnotationLayer
 };

package/dist/components/page/CanvasLayer.js

@@ -1,58 +1,71 @@
-import "react/jsx-runtime";
-import "react";
-import "../../contexts/RPDocumentContext.js";
+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 "../../th_TH-d627cd51.js";
+import "../../utils/getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { E as mr } from "../../ToolbarLayout.module-c588d36b.js";
-import "../../contexts/DarkModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
+import "../../utils/appConsole.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-9217cab4.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../contexts/LayoutContainerContext.js";
+import "../../utils/smoothScrollTo.js";
 import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/LocalizationContext.js";
-import "../../contexts/HighlightContext.js";
-import "../../contexts/LicenseContext.js";
-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";
-import "../../contexts/OtherToolContext.js";
-import "../RPConfig.js";
-import "../layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../layout/sidebar/RPSplitter.js";
-import "../layout/WrapperLayout.js";
-import "../../LayoutWrapper-a871c161.js";
-import "../../contexts/ThemeContext.js";
-import "../RPDropFileZone.js";
-import "../ui/Button.js";
-import "../../SearchCloseButton-cbf182aa.js";
-import "../ui/Input.js";
-import "../ui/Checkbox.js";
-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 "../../RotateTool.module-03987eba.js";
+import "../../utils/getScrollDistance.js";
+import "../../utils/calculatePage.js";
+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)
+      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 {
-  mr as CanvasLayer
+  pt as CanvasLayer
 };

package/dist/components/page/CustomElement.js

@@ -1,22 +1,53 @@
-import { jsx as n, Fragment as c } from "react/jsx-runtime";
-import { useRef as l, useMemo as i, useEffect as f } from "react";
-import { useElementPageContext as a } from "../../contexts/ElementPageContext.js";
-const d = ({ child: e }) => {
-  const t = l(null);
-  return f(() => {
-    var o;
-    return (o = t.current) == null || o.appendChild(e), () => {
-      var r;
-      (r = t.current) == null || r.removeChild(e);
+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 "../../th_TH-d627cd51.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/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/const.js";
+import "../../utils/getScrollDistance.js";
+import "../../contexts/ScrollModeContext.js";
+import "../../utils/getElementPositionInPage.js";
+import "../../contexts/VirtualScrollContext.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);
     };
-  }, [e]), /* @__PURE__ */ n("div", { ref: t });
-}, h = ({ pageNumber: e }) => {
-  const { elementList: t } = a(), o = l(null), r = i(() => {
-    var m;
-    return (m = t[e]) == null ? void 0 : m.map((u, s) => u instanceof HTMLElement ? /* @__PURE__ */ n(d, { child: u }, s) : /* @__PURE__ */ n("div", { children: u }, s));
-  }, [t, e]);
-  return r ? /* @__PURE__ */ n(c, { children: /* @__PURE__ */ n("div", { ref: o, "data-rp": `page-${e}-customElement`, children: r.map((m) => m) }) }) : null;
+  }, [t]), /* @__PURE__ */ m("div", { ref: r });
+}, 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));
+  }, [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 {
-  h as CustomElement
+  X as CustomElement
 };

package/dist/components/page/DualPage.js

@@ -1,6 +1,99 @@
-import "react/jsx-runtime";
-import "react";
-import { K as p } from "../../ToolbarLayout.module-c588d36b.js";
+import { jsx as u } from "react/jsx-runtime";
+import { memo as h, useMemo as e } from "react";
+import { u as l } from "../../PaginationContext-9217cab4.js";
+import { RPPage as f } from "./RPPage.js";
+import "../../utils/types.js";
+import "../../th_TH-d627cd51.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/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 "../../utils/const.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)) });
+});
 export {
-  p as DualPage
+  Rt as DualPage
 };