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

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -1,142 +1,78 @@
-import "react";
-import "../types.js";
-import "../../contexts/ScrollModeContext.js";
-import "react/jsx-runtime";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import { M as Dr } from "../../ToolbarLayout.module-37619c4b.js";
-import "../../contexts/DarkModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ZoomContext.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 "../../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 "../../components/RPConfig.js";
-import "../../components/layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../components/layout/sidebar/RPSplitter.js";
-import "../../components/layout/WrapperLayout.js";
-import "../../LayoutWrapper-6224491f.js";
-import "../../contexts/ThemeContext.js";
-import "../../components/RPDropFileZone.js";
-import "../../components/ui/Button.js";
-import "../../SearchCloseButton-08d57275.js";
-import "../../components/ui/Input.js";
-import "../../components/ui/Checkbox.js";
-import "../../components/icons/LoaderIcon.js";
-import "../../contexts/IconContext.js";
-import "../../components/ui/RPTooltip.js";
-import "../../components/ui/DropDown.js";
-import "../../components/layout/toolbar/MenuItem.js";
-import "../../components/layout/toolbar/MenuSeparator.js";
-import "../dateFormatter.js";
-import "../../components/layout/toolbar/PropertyItem.js";
-import "../../RotateTool.module-67946714.js";
-import "../calculatePage.js";
+import { useMemo as i, useCallback as a, useEffect as R } from "react";
+import { ScrollMode as p, ViewMode as G } from "../types.js";
+import { useScrollModeContext as H } from "../../contexts/ScrollModeContext.js";
+import { useViewModeContext as O } from "../../contexts/ViewModeContext.js";
+import { useVirtualGridContext as S } from "../../contexts/VirtualGridContext.js";
+import { useVirtualScrollContext as A } from "../../contexts/VirtualScrollContext.js";
+import { useDimensionPagesContext as D } from "../../contexts/DimensionPagesContext.js";
+import { getGridDimension as P } from "../calculatePage.js";
 import "../../th_TH-d627cd51.js";
+import "react/jsx-runtime";
 import "../appConsole.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/RPDocumentContext.js";
 import "./useLoadPdf.js";
 import "pdfjs-dist";
 import "../getThumbnailViewport.js";
 import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
 import "./usePdfProperties.js";
 import "../convertPdfDate.js";
 import "../formatFileSize.js";
-import "../../components/icons/ChevronUpIcon.js";
-import "../highlight.js";
-import "../charators.js";
-import "../Queue.js";
-import "../renderPage.js";
-import "../../components/icons/Thumbnail.js";
-import "../../clsx-0c6e471a.js";
-import "../withRef.js";
-import "./useInfiniteScroll.js";
+import "../../contexts/ZoomContext.js";
 import "../constants.js";
-import "../link_service.js";
-import "../annotations.js";
-import "../sanitizeExternalUrl.js";
-import "../../components/page/searchHighlight.js";
-import "../const.js";
-import "../../components/page/CustomElement.js";
 import "../getZoomLevel.js";
+import "../../contexts/LayoutContainerContext.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
 import "./useDebounce.js";
-import "./useLicense.js";
-import "../getScrollDistance.js";
-import "../getElementPositionInPage.js";
-import "./useMousePressed.js";
-import "./useGrabScroll.js";
-import "./usePinch.js";
-import "../../components/ui/PasswordModal.js";
-import "./useLocalization.js";
-import "../approximateFragtion.js";
-import "../getWordPositionInPage.js";
-import "../smoothScrollTo.js";
-import "../../components/layout/toolbar/FileUploadTool.js";
-import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-a48ec088.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../index-808ea7bf.js";
-import "../../components/layout/toolbar/DarkModeTool.js";
-import "../../components/icons/MoonIcon.js";
-import "../../components/icons/SunIcon.js";
-import "./useDarkMode.js";
-import "../../components/icons/ThreeDotIcon.js";
-import "../../components/icons/CloseIcon.js";
-import "../../components/layout/toolbar/DocumentProperties.js";
-import "../../components/icons/InfoIcon.js";
-import "../../components/layout/toolbar/RotateTool.js";
-import "../../components/icons/ClockwiseIcon.js";
-import "./useRotate.js";
-import "../../components/layout/toolbar/ViewModeTool.js";
-import "../../components/icons/SinglePageIcon.js";
-import "../../components/icons/DualPageIcon.js";
-import "../../components/icons/CheckIcon.js";
-import "../../components/layout/toolbar/ScrollModeTool.js";
-import "../../components/icons/PageScrollingIcon.js";
-import "../../components/icons/VerticalScrollingIcon.js";
-import "../../components/icons/HorizontalScrollingIcon.js";
-import "../../components/icons/FileDownloadDefaultIcon.js";
-import "../../components/icons/PrintDefaultIcon.js";
-import "../../components/layout/toolbar/FullScreenTool.js";
-import "../../components/icons/FullScreenIcon.js";
-import "./useFullScreen.js";
-import "../../components/icons/GoToDownIcon.js";
-import "../../components/layout/toolbar/SelectionModeTool.js";
-import "../../components/icons/TextSelectionDefaultIcon.js";
-import "../../components/icons/HandModeDefaultIcon.js";
-import "../../components/icons/ZoomInIcon.js";
-import "../../components/icons/ZoomOutIcon.js";
-import "../zoom.js";
-import "../../components/icons/SearchIcon.js";
-import "../../components/icons/ClearIcon.js";
-import "./useHighlight.js";
-import "../../components/RPTheme.js";
-import "./useLoadWorker.js";
-import "../../components/icons/LightPdfIcon.js";
-import "../../components/icons/DarkPdfIcon.js";
+import "../../contexts/PagesRotateContext.js";
+const st = () => {
+  const { viewMode: d } = O(), { scrollMode: n } = H(), { setColumnCount: g } = S(), { virtualScrollableElementRef: C } = A(), o = D(), s = i(() => o.heights.length, [o.heights]), r = i(() => n === p.HORIZONTAL_SCROLLING ? s : d === G.DUAL_PAGE ? 2 : 1, [d, n, n, s, C]), c = i(() => o.widths.reduce((t, l, h) => {
+    const m = h % r;
+    return (!t[m] || l > t[m]) && (t[m] = l), t;
+  }, []), [o.widths, r]), f = a(
+    (e) => {
+      const t = e % c.length;
+      return c[t] || 0;
+    },
+    [c]
+  ), w = a(
+    (e) => {
+      const t = Array.from({ length: r }, (l, h) => {
+        const m = e * r + h;
+        return o.heights[m] || 0;
+      });
+      return Math.max(...t);
+    },
+    [o.heights, r]
+  );
+  R(() => {
+    g(r);
+  }, [r, g]);
+  const x = i(() => n === p.HORIZONTAL_SCROLLING || n === p.PAGE_SCROLLING ? 1 : Math.round(s / r), [r, s, n]), L = i(() => o.heights.reduce((e, t) => e + t, 0) / o.heights.length || 0, [o]), I = i(() => o.widths.reduce((e, t) => e + t, 0) / o.widths.length || 0, [o]), u = i(() => {
+    const { rowsHeight: e, columnsWidth: t } = P(o, r);
+    return {
+      rowsHeight: e,
+      columnsWidth: t
+    };
+  }, [o, r]), M = i(() => ({
+    width: u.columnsWidth.reduce((e, t) => e + t, 0),
+    height: u.rowsHeight.reduce((e, t) => e + t, 0)
+  }), [u]);
+  return {
+    rowCount: x,
+    rowHeight: w,
+    columnCount: r,
+    columnWidth: f,
+    pageDimension: o,
+    estimatedRowHeight: L,
+    estimatedColumnWidth: I,
+    gridDimension: u,
+    totalDimension: M
+  };
+};
 export {
-  Dr as useVirtualReactWindow
+  st as useVirtualReactWindow
 };

package/dist/utils/injectPrintCSS.js

@@ -7,7 +7,7 @@ function e() {
 
   @media print {
     @page { margin: 0; }
-    .rp-print-html-printing { height: auto; }
+    .rp-print-html-printing { height: 100%; }
     .rp-print-body-printing { background: transparent; height: 100%; margin: 0; display: block; }
     .rp-print-body-printing * { display: none; }
     .rp-print-zone { display: block; height: 100%; }

package/dist/utils/renderPage.js

@@ -1,18 +1,20 @@
-import { AnnotationMode as a } from "pdfjs-dist";
-const p = (o, t, d = {}) => {
-  const { scale: i = 1, rotate: r = 0, renderForms: h = !1 } = d, s = t.getContext("2d", {
+import { AnnotationMode as h } from "pdfjs-dist";
+const x = (e, t, s = {}) => {
+  const { scale: i = 1, rotate: r = 0, renderForms: w = !1, interactiveForm: a = !0 } = s, c = t.getContext("2d", {
     desynchronized: !1
-  }), w = window.devicePixelRatio, n = o.getViewport({ scale: i, rotation: r }), e = o.getViewport({
-    scale: i * w,
+  }), p = window.devicePixelRatio, n = e.getViewport({ scale: i, rotation: r }), o = e.getViewport({
+    scale: i * p,
     rotation: r
   });
-  return t.width = e.width, t.height = e.height, t.style.width = `${Math.floor(n.width)}px`, t.style.height = `${Math.floor(n.height)}px`, o.render({
+  t.width = o.width, t.height = o.height, t.style.width = `${Math.floor(n.width)}px`, t.style.height = `${Math.floor(n.height)}px`;
+  let d = w ? h.ENABLE_FORMS : void 0;
+  return a || (d = h.ENABLE), e.render({
     canvas: t,
-    canvasContext: s,
-    viewport: e,
-    annotationMode: h ? a.ENABLE_FORMS : void 0
+    canvasContext: c,
+    viewport: o,
+    annotationMode: d
   });
 };
 export {
-  p as renderPage
+  x as renderPage
 };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@react-pdf-kit/viewer",
+  "version": "2.0.0-beta.11",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
-  "version": "2.0.0-beta.1",
   "keywords": [
     "react-pdf",
     "react-pdf-viewer",
@@ -10,24 +10,26 @@
     "react pdf",
     "react pdf viewer",
     "pdfjs",
-    "pdf-react"
+    "pdf-react",
+    "react-pdf-kit",
+    "react-pdf-kit-viewer",
+    "pdf-viewer-kit"
   ],
-  "author": "React PDF Viewer <david@react-pdf.dev>",
-  "license": "See license section",
   "homepage": "https://www.react-pdf.dev",
-  "url": "https://github.com/pdf-viewer/react-pdf",
+  "license": "See license section",
   "bugs": {
-    "url": "https://github.com/pdf-viewer/react-pdf/issues/new"
+    "url": "https://github.com/react-pdf-kit/react-pdf-viewer/issues/new"
   },
+  "author": "React PDF Viewer <david@react-pdf.dev>",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/types/main.d.ts",
+  "directories": {
+    "lib": "lib"
+  },
   "files": [
     "dist"
   ],
-  "sideEffects": [
-    "**/*.css"
-  ],
   "scripts": {
     "dev": "vite",
     "build": "tsc --p ./tsconfig.build.json && vite build",
@@ -36,17 +38,11 @@
     "preview": "vite preview",
     "prepare": "husky"
   },
-  "peerDependencies": {
-    "pdfjs-dist": "5.4.394",
-    "react": "^18.2.0 || ^19.0.0",
-    "react-dom": "^18.2.0 || ^19.0.0"
-  },
   "dependencies": {
-    "@radix-ui/react-checkbox": "^1.1.3",
-    "@radix-ui/react-popover": "1.0.6",
-    "@radix-ui/react-tooltip": "^1.1.8",
-    "@tanstack/react-query": "^5.60.6",
-    "pdfjs-dist": "5.4.394",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "pdfjs-dist": "5.4.530",
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10"
   },
@@ -55,7 +51,6 @@
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@rollup/plugin-commonjs": "^28.0.1",
-    "@tanstack/eslint-plugin-query": "^5.60.1",
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
     "@types/react-window": "^1.8.8",
@@ -73,14 +68,22 @@
     "postcss": "^8.4.47",
     "postcss-load-config": "^6.0.1",
     "rollup-plugin-postcss": "^4.0.2",
+    "react": "^18.2.0",
     "react-devtools": "^6.1.0",
+    "react-dom": "^18.2.0",
     "rollup": "^4.24.2",
     "typescript": "^5.0.2",
     "vite": "^4.4.0",
     "vite-plugin-dts": "^4.3.0",
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
-  "overrides": {
-    "pdfjs-dist": "5.4.394"
-  }
+  "peerDependencies": {
+    "pdfjs-dist": "5.4.530",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "url": "https://github.com/react-pdf-kit/react-pdf-viewer",
+  "sideEffects": [
+    "**/*.css"
+  ]
 }

package/dist/SearchCloseButton-08d57275.js

@@ -1,33 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import i from "./components/ui/RPTooltip.js";
-import { UIButton as n } from "./components/ui/Button.js";
-import { CloseIcon as p } from "./components/icons/CloseIcon.js";
-import { useLocalizationContext as e } from "./contexts/LocalizationContext.js";
-const a = {
-  "rp-search-tool-content": "_rp-search-tool-content_t0ih3_1",
-  "rp-search-tool-input": "_rp-search-tool-input_t0ih3_10",
-  "rp-search-tool-input-icon": "_rp-search-tool-input-icon_t0ih3_17",
-  "rp-search-tool-controls": "_rp-search-tool-controls_t0ih3_27",
-  "rp-search-tool-input-wrapper": "_rp-search-tool-input-wrapper_t0ih3_35",
-  "rp-search-tool-input-checkboxes": "_rp-search-tool-input-checkboxes_t0ih3_41",
-  "rp-search-tool-input-clear": "_rp-search-tool-input-clear_t0ih3_46",
-  "rp-search-input": "_rp-search-input_t0ih3_60",
-  "rp-search-icon-info": "_rp-search-icon-info_t0ih3_66",
-  "rp-search-loader-icon": "_rp-search-loader-icon_t0ih3_75",
-  "rp-search-tool-result-navigator": "_rp-search-tool-result-navigator_t0ih3_80"
-}, m = ({ onKeyPress: t, handleClose: c }) => {
-  const { localeMessages: o } = e();
-  return /* @__PURE__ */ r(i, { content: o == null ? void 0 : o.searchCloseButtonTooltip, children: /* @__PURE__ */ r(
-    n,
-    {
-      tabIndex: 0,
-      onKeyDown: t,
-      "aria-label": o == null ? void 0 : o.searchCloseButtonTooltip,
-      children: /* @__PURE__ */ r(p, { onClick: c, className: a["rp-search-tool-input-icon"] })
-    }
-  ) });
-};
-export {
-  m as S,
-  a as c
-};