@react-pdf-kit/viewer 2.0.0-beta.1 → 2.0.0-beta.11

package/dist/components/page/DualPage.js

@@ -1,11 +1,7 @@
-import "react/jsx-runtime";
-import "react";
-import { N as Fr } from "../../ToolbarLayout.module-37619c4b.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 "../../contexts/ScrollModeContext.js";
@@ -20,123 +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 "../RPConfig.js";
-import "../RPTheme.js";
-import "../../contexts/ThemeContext.js";
-import "../../utils/hooks/useLoadWorker.js";
-import "../icons/Thumbnail.js";
-import "../layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../layout/sidebar/RPSplitter.js";
-import "../layout/WrapperLayout.js";
-import "../../LayoutWrapper-6224491f.js";
-import "../RPDropFileZone.js";
-import "../icons/LightPdfIcon.js";
-import "../icons/DarkPdfIcon.js";
-import "../../SearchCloseButton-08d57275.js";
-import "../ui/RPTooltip.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../index-808ea7bf.js";
-import "../icons/CloseIcon.js";
-import "../ui/Checkbox.js";
-import "../icons/CheckIcon.js";
-import "../../contexts/IconContext.js";
-import "../ui/DropDown.js";
-import "../../index-a48ec088.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/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/SinglePageIcon.js";
-import "../icons/DualPageIcon.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 {
-  Fr as DualPage
+  Rt as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,142 +1,143 @@
-import "react/jsx-runtime";
-import "react";
-import { K as Er } from "../../ToolbarLayout.module-37619c4b.js";
-import "../../contexts/RPDocumentContext.js";
+import { jsx as o, jsxs as P } from "react/jsx-runtime";
+import { useRef as g, useState as l, useImperativeHandle as V, useMemo as d, useEffect as b, useCallback as f } from "react";
+import { useDocumentContext as j } from "../../contexts/RPDocumentContext.js";
+import { CanvasLayer as E } from "./CanvasLayer.js";
+import { TextLayer as H } from "./TextLayer.js";
+import { AnnotationLayer as I } from "./AnnotationLayer.js";
+import { useLayerContext as T } from "../../contexts/LayerContext.js";
+import { useZoomContext as Z } from "../../contexts/ZoomContext.js";
+import { useLoaderContext as k } from "../../contexts/LoaderContext.js";
+import { TextHighlightLayer as A } from "./TextHighlightLayer.js";
+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 "pdfjs-dist";
+import "../../utils/types.js";
+import "../../th_TH-d627cd51.js";
+import "../../utils/getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import "../../contexts/DarkModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.js";
-import "../../contexts/ViewModeContext.js";
+import "../../utils/appConsole.js";
+import "../../utils/hooks/usePdfProperties.js";
+import "../../utils/convertPdfDate.js";
+import "../../utils/formatFileSize.js";
+import "../../contexts/RenderQueueProvider.js";
+import "../../utils/Queue.js";
+import "../../utils/renderPage.js";
+import "../../PaginationContext-9217cab4.js";
 import "../../contexts/ScrollModeContext.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
+import "../../contexts/ViewModeContext.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 "../../utils/constants.js";
+import "../../utils/getZoomLevel.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/RotationContext.js";
+import "../../utils/hooks/useDebounce.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 "../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-6224491f.js";
-import "../../contexts/ThemeContext.js";
-import "../RPDropFileZone.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 "./CustomElement.js";
-import "../../utils/withRef.js";
-import "../icons/ChevronUpIcon.js";
-import "../../utils/types.js";
-import "../../th_TH-d627cd51.js";
+import "../../utils/getScrollDistance.js";
+import "../../utils/calculatePage.js";
 import "../../utils/highlight.js";
 import "../../utils/charators.js";
-import "../../utils/Queue.js";
-import "../../utils/renderPage.js";
-import "pdfjs-dist";
-import "../icons/Thumbnail.js";
-import "../../clsx-0c6e471a.js";
-import "../../utils/hooks/useInfiniteScroll.js";
-import "../../utils/constants.js";
+import "../../contexts/SearchContext.js";
+import "../../utils/hooks/useSearch.js";
+import "../../utils/getWordPositionInPage.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 "../icons/LoaderIcon.js";
+import "../../clsx-0c6e471a.js";
+import "../../contexts/HighlightContext.js";
+import "../../utils/hooks/useHighlight.js";
 import "./searchHighlight.js";
 import "../../utils/const.js";
-import "../../utils/calculatePage.js";
-import "../../utils/hooks/useMousePressed.js";
-import "../../utils/hooks/useGrabScroll.js";
-import "../../utils/hooks/usePinch.js";
-import "../../utils/hooks/useDebounce.js";
-import "../../utils/appConsole.js";
-import "../../utils/hooks/useLoadPdf.js";
-import "../../utils/getThumbnailViewport.js";
-import "../../contexts/ConfigContext.js";
-import "../../utils/hooks/usePdfProperties.js";
-import "../../utils/convertPdfDate.js";
-import "../../utils/formatFileSize.js";
-import "../../utils/getZoomLevel.js";
-import "../ui/PasswordModal.js";
-import "../../utils/hooks/useLocalization.js";
-import "../../utils/approximateFragtion.js";
-import "../../utils/getScrollDistance.js";
-import "../../utils/getWordPositionInPage.js";
-import "../../utils/smoothScrollTo.js";
-import "../layout/toolbar/FileUploadTool.js";
-import "../icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../index-808ea7bf.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/SinglePageIcon.js";
-import "../icons/DualPageIcon.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 "../../contexts/ElementPageContext.js";
+import "../../contexts/LicenseContext.js";
 import "../../utils/hooks/useLicense.js";
 import "../../utils/getElementPositionInPage.js";
-import "../RPTheme.js";
-import "../../utils/hooks/useLoadWorker.js";
-import "../icons/LightPdfIcon.js";
-import "../icons/DarkPdfIcon.js";
+const a = {
+  "rp-page-wrapper": "_rp-page-wrapper_ii91u_1",
+  "rp-page": "_rp-page_ii91u_1",
+  "rp-loader-wrapper": "_rp-loader-wrapper_ii91u_15"
+}, 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
+  });
+  V(w, () => u.current);
+  const e = d(() => i.current ? s[t] : 0, [t, s]);
+  b(() => {
+    if (p && (i.current = p.get(t), i.current)) {
+      const N = i.current.page.getViewport({
+        scale: m,
+        rotation: e
+      });
+      y(N);
+    }
+  }, [p, t, e, m]);
+  const C = d(() => {
+    switch (e) {
+      case 90:
+        return `${r.width / 2}px ${r.width / 2}px`;
+      case -90:
+      case 270:
+        return `${r.height / 2}px ${r.height / 2}px`;
+      default:
+        return "center";
+    }
+  }, [e, r]), _ = f(() => {
+    c(!0);
+  }, []), R = f(() => {
+    c(!1);
+  }, []);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ref: u,
+      id: `page-${t}`,
+      "data-rp": `page-${t}`,
+      ...L,
+      style: {
+        ...x,
+        "--rp-rotate": `${e}deg`,
+        "--rp-page-rotate-translate": `${C}`,
+        "--user-unit": r.userUnit || 1,
+        "--scale-factor": m,
+        "--total-scale-factor": "calc(var(--scale-factor) * var(--user-unit))"
+      },
+      className: a["rp-page-wrapper"],
+      children: /* @__PURE__ */ P(
+        "div",
+        {
+          style: {
+            width: `${r.width}px`,
+            height: `${r.height}px`
+          },
+          className: a["rp-page"],
+          children: [
+            /* @__PURE__ */ o(E, { onLoading: _, onLoaded: R, pageNumber: t }),
+            v && n && /* @__PURE__ */ o("div", { className: a["rp-loader-wrapper"], children: /* @__PURE__ */ o(n, {}) }),
+            /* @__PURE__ */ o(M, { pageNumber: t }),
+            $ && /* @__PURE__ */ o(H, { pageNumber: t }),
+            /* @__PURE__ */ o(A, { pageNumber: t, viewport: r }),
+            /* @__PURE__ */ o(I, { pageNumber: t })
+          ]
+        }
+      )
+    }
+  );
+});
 export {
-  Er as RPPage
+  rr as RPPage
 };