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

package/dist/components/page/CanvasLayer.js

@@ -1,140 +1,71 @@
-import "react/jsx-runtime";
-import "react";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import { G as Do } from "../../ToolbarLayout.module-8d56d12b.js";
-import "../../contexts/DarkModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
-import "../../contexts/ViewModeContext.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 "../../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 "../../contexts/EventCallbackContext.js";
-import "../../contexts/ThemeContext.js";
-import "../../contexts/ConfigContext.js";
-import "pdfjs-dist";
-import "../layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../layout/sidebar/RPSplitter.js";
-import "../layout/WrapperLayout.js";
-import "../RPDropFileZone.js";
-import "../../LayoutWrapper-6224491f.js";
-import "../ui/Button.js";
-import "../../SearchCloseButton-08d57275.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 "../layout/toolbar/MenuItem.js";
-import "../layout/toolbar/MenuSeparator.js";
-import "../../utils/dateFormatter.js";
-import "../layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-67946714.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 "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
 import "../../utils/appConsole.js";
 import "../../utils/hooks/usePdfProperties.js";
 import "../../utils/convertPdfDate.js";
 import "../../utils/formatFileSize.js";
-import "../icons/ChevronUpIcon.js";
-import "../../utils/highlight.js";
-import "../../utils/charators.js";
-import "../../utils/Queue.js";
-import "../../utils/renderPage.js";
-import "../icons/Thumbnail.js";
-import "../../clsx-0c6e471a.js";
-import "../../utils/withRef.js";
-import "../../utils/hooks/useInfiniteScroll.js";
 import "../../utils/constants.js";
-import "../../utils/link_service.js";
-import "../../utils/annotations.js";
-import "../../utils/sanitizeExternalUrl.js";
-import "./searchHighlight.js";
-import "../../utils/const.js";
-import "./CustomElement.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/hooks/useLicense.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 "../../utils/smoothScrollTo.js";
+import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/SmoothScrollContext.js";
 import "../../utils/getScrollDistance.js";
-import "../../utils/getElementPositionInPage.js";
 import "../../utils/calculatePage.js";
-import "../../utils/hooks/useMousePressed.js";
-import "../../utils/hooks/useGrabScroll.js";
-import "../../utils/hooks/usePinch.js";
-import "../ui/PasswordModal.js";
-import "../../utils/hooks/useLocalization.js";
-import "../../utils/approximateFragtion.js";
-import "../../utils/hooks/useCopyText.js";
-import "../../utils/getWordPositionInPage.js";
-import "../../utils/smoothScrollTo.js";
-import "../layout/toolbar/FileUploadTool.js";
-import "../icons/FileUploadDefaultIcon.js";
-import "../../index-3bf64864.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../floating-ui.react-dom-d22a10b4.js";
-import "../layout/toolbar/DarkModeTool.js";
-import "../icons/MoonIcon.js";
-import "../icons/SunIcon.js";
-import "../../utils/hooks/useDarkMode.js";
-import "../icons/ThreeDotIcon.js";
-import "../icons/CloseIcon.js";
-import "../layout/toolbar/DocumentProperties.js";
-import "../icons/InfoIcon.js";
-import "../layout/toolbar/RotateTool.js";
-import "../icons/ClockwiseIcon.js";
-import "../../utils/hooks/useRotate.js";
-import "../layout/toolbar/ViewModeTool.js";
-import "../icons/DualPageIcon.js";
-import "../icons/SinglePageIcon.js";
-import "../icons/CheckIcon.js";
-import "../layout/toolbar/ScrollModeTool.js";
-import "../icons/PageScrollingIcon.js";
-import "../icons/VerticalScrollingIcon.js";
-import "../icons/HorizontalScrollingIcon.js";
-import "../icons/FileDownloadDefaultIcon.js";
-import "../icons/PrintDefaultIcon.js";
-import "../layout/toolbar/FullScreenTool.js";
-import "../icons/FullScreenIcon.js";
-import "../../utils/hooks/useFullScreen.js";
-import "../icons/GoToDownIcon.js";
-import "../layout/toolbar/SelectionModeTool.js";
-import "../icons/TextSelectionDefaultIcon.js";
-import "../icons/HandModeDefaultIcon.js";
-import "../icons/ZoomInIcon.js";
-import "../icons/ZoomOutIcon.js";
-import "../../utils/zoom.js";
-import "../icons/SearchIcon.js";
-import "../icons/ClearIcon.js";
-import "../../utils/hooks/useHighlight.js";
-import "../icons/LightPdfIcon.js";
-import "../icons/DarkPdfIcon.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 {
-  Do as CanvasLayer
+  pt as CanvasLayer
 };

package/dist/components/page/CustomElement.js

@@ -2,7 +2,7 @@ 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 "../../de_DE-a553b162.js";
 import "../../contexts/DimensionPagesContext.js";
 import "../../utils/appConsole.js";
 import "../../contexts/RPDocumentContext.js";

package/dist/components/page/DualPage.js

@@ -1,13 +1,9 @@
-import "react/jsx-runtime";
-import "react";
-import { N as Cr } from "../../ToolbarLayout.module-8d56d12b.js";
-import "../icons/ChevronUpIcon.js";
-import "../ui/Button.js";
-import "../../clsx-0c6e471a.js";
-import "../../utils/withRef.js";
-import "../ui/Input.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 "../../de_DE-a553b162.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../utils/appConsole.js";
 import "../../contexts/InitialStateContext.js";
@@ -20,121 +16,84 @@ import "../../contexts/DocumentPasswordContext.js";
 import "../../utils/hooks/usePdfProperties.js";
 import "../../utils/convertPdfDate.js";
 import "../../utils/formatFileSize.js";
-import "../../contexts/DarkModeContext.js";
-import "../../utils/hooks/useDarkMode.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
-import "../../utils/constants.js";
-import "../../utils/getZoomLevel.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../contexts/ViewModeContext.js";
 import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/EventCallbackContext.js";
-import "../../utils/hooks/useDebounce.js";
+import "../../contexts/ViewModeContext.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../contexts/FullScreenContext.js";
-import "../../utils/hooks/useFullScreen.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "../../utils/highlight.js";
-import "../../utils/charators.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/LocalizationContext.js";
-import "../../utils/hooks/useLocalization.js";
-import "../../contexts/HighlightContext.js";
-import "../../utils/hooks/useHighlight.js";
-import "../../contexts/LicenseContext.js";
-import "../../utils/hooks/useLicense.js";
-import "../../contexts/DownloadContext.js";
 import "../../contexts/SmoothScrollContext.js";
-import "../../contexts/ElementPageContext.js";
-import "../../utils/const.js";
 import "../../utils/getScrollDistance.js";
-import "../../utils/getElementPositionInPage.js";
+import "../../utils/calculatePage.js";
+import "./CanvasLayer.js";
+import "../../contexts/RenderQueueProvider.js";
 import "../../utils/Queue.js";
 import "../../utils/renderPage.js";
-import "../../contexts/LoaderContext.js";
-import "../icons/LoaderIcon.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/OtherToolContext.js";
-import "../../contexts/ThemeContext.js";
-import "../icons/Thumbnail.js";
-import "../layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../layout/sidebar/RPSplitter.js";
-import "../layout/WrapperLayout.js";
-import "../RPDropFileZone.js";
-import "../icons/LightPdfIcon.js";
-import "../icons/DarkPdfIcon.js";
-import "../../LayoutWrapper-6224491f.js";
-import "../../SearchCloseButton-08d57275.js";
-import "../ui/RPTooltip.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../floating-ui.react-dom-d22a10b4.js";
-import "../icons/CloseIcon.js";
-import "../ui/Checkbox.js";
-import "../icons/CheckIcon.js";
-import "../../contexts/IconContext.js";
-import "../ui/DropDown.js";
-import "../../index-3bf64864.js";
-import "../layout/toolbar/MenuItem.js";
-import "../layout/toolbar/MenuSeparator.js";
-import "../../utils/dateFormatter.js";
-import "../layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-67946714.js";
-import "../../utils/hooks/useInfiniteScroll.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 "../../utils/calculatePage.js";
-import "../../utils/hooks/useMousePressed.js";
-import "../../utils/hooks/useGrabScroll.js";
-import "../../utils/hooks/usePinch.js";
-import "../ui/PasswordModal.js";
-import "../../utils/approximateFragtion.js";
-import "../../utils/hooks/useCopyText.js";
-import "../../utils/getWordPositionInPage.js";
-import "../../utils/smoothScrollTo.js";
-import "../layout/toolbar/FileUploadTool.js";
-import "../icons/FileUploadDefaultIcon.js";
-import "../layout/toolbar/DarkModeTool.js";
-import "../icons/MoonIcon.js";
-import "../icons/SunIcon.js";
-import "../icons/ThreeDotIcon.js";
-import "../layout/toolbar/DocumentProperties.js";
-import "../icons/InfoIcon.js";
-import "../layout/toolbar/RotateTool.js";
-import "../icons/ClockwiseIcon.js";
-import "../../utils/hooks/useRotate.js";
-import "../layout/toolbar/ViewModeTool.js";
-import "../icons/DualPageIcon.js";
-import "../icons/SinglePageIcon.js";
-import "../layout/toolbar/ScrollModeTool.js";
-import "../icons/PageScrollingIcon.js";
-import "../icons/VerticalScrollingIcon.js";
-import "../icons/HorizontalScrollingIcon.js";
-import "../icons/FileDownloadDefaultIcon.js";
-import "../icons/PrintDefaultIcon.js";
-import "../layout/toolbar/FullScreenTool.js";
-import "../icons/FullScreenIcon.js";
-import "../icons/GoToDownIcon.js";
-import "../layout/toolbar/SelectionModeTool.js";
-import "../icons/TextSelectionDefaultIcon.js";
-import "../icons/HandModeDefaultIcon.js";
-import "../icons/ZoomInIcon.js";
-import "../icons/ZoomOutIcon.js";
-import "../../utils/zoom.js";
-import "../icons/SearchIcon.js";
-import "../icons/ClearIcon.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 {
-  Cr as DualPage
+  Rt as DualPage
 };

package/dist/components/page/DualPageWithCover.js

@@ -0,0 +1,131 @@
+import { jsx as h } from "react/jsx-runtime";
+import { memo as b, useMemo as f } from "react";
+import { u as y } from "../../PaginationContext-9217cab4.js";
+import { RPPage as I } from "./RPPage.js";
+import "../../utils/types.js";
+import "../../de_DE-a553b162.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 Et = b(({ widths: o, heights: a }) => {
+  const { focusedPage: l, totalPages: m } = y(), i = f(() => {
+    const t = [];
+    if (l === 1)
+      return t.push(1), t;
+    const r = l - 1, e = Math.ceil(r / 2) * 2;
+    return t.push(e), e + 1 <= m && t.push(e + 1), t;
+  }, [l, m]), W = f(() => {
+    if (i.length === 1) {
+      const P = i[0] - 1, p = o(P);
+      let n = p * 2;
+      if (m >= 3) {
+        const s = o(1), d = o(2);
+        n = s + d;
+      } else if (m >= 2) {
+        const s = o(1);
+        n = p + s;
+      }
+      return {
+        width: n,
+        position: "relative",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "flex-start"
+      };
+    }
+    const r = i[0] - 1, g = o(r), e = i.length > 1 ? o(r + 1) : 0;
+    return {
+      width: g + e,
+      position: "relative"
+    };
+  }, [o, i, m]), x = f(() => {
+    if (i.length === 1) {
+      const p = i[0], n = p - 1, s = a(p === 1 ? 0 : Math.floor((p - 2) / 2) + 1);
+      return [{
+        width: o(n),
+        height: s,
+        position: "relative"
+        // Use relative for flexbox centering
+      }];
+    }
+    const t = i[0], r = t - 1, g = Math.floor((t - 2) / 2) + 1, e = a(g), c = o(r), u = o(r + 1);
+    return [
+      {
+        position: "absolute",
+        left: 0,
+        width: c,
+        height: e
+      },
+      {
+        position: "absolute",
+        left: c,
+        width: u,
+        height: e
+      }
+    ];
+  }, [o, a, i]);
+  return /* @__PURE__ */ h("div", { style: W, children: i.map((t, r) => /* @__PURE__ */ h(I, { style: x[r], pageNumber: t }, t)) });
+});
+export {
+  Et as DualPageWithCover
+};