@pdf-viewer/react 1.17.0-rc.2 → 1.18.0-beta.0

package/dist/utils/hooks/useScrollToPage.js

@@ -3,7 +3,7 @@ import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { t as Dr } from "../../ToolbarLayout.module-cf42c84d.js";
+import { t as Er } from "../../ToolbarLayout.module-3f4e0f88.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";
@@ -92,6 +92,7 @@ import "./usePinch.js";
 import "../../components/ui/PasswordModal.js";
 import "./useLocalization.js";
 import "./useCopyText.js";
+import "./useTextSelection.js";
 import "../getWordPositionInPage.js";
 import "../../components/layout/toolbar/FileUploadTool.js";
 import "../../components/icons/FileUploadDefaultIcon.js";
@@ -137,5 +138,5 @@ import "./useHighlight.js";
 import "../../components/icons/LightPdfIcon.js";
 import "../../components/icons/DarkPdfIcon.js";
 export {
-  Dr as useScrollToPage
+  Er as useScrollToPage
 };

package/dist/utils/hooks/useSearch.js

@@ -7,7 +7,7 @@ import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
 import "../../contexts/DocumentPasswordContext.js";
-import { B as Fo } from "../../ToolbarLayout.module-cf42c84d.js";
+import { B as Go } from "../../ToolbarLayout.module-3f4e0f88.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -92,6 +92,7 @@ import "./usePinch.js";
 import "../../components/ui/PasswordModal.js";
 import "./useLocalization.js";
 import "./useCopyText.js";
+import "./useTextSelection.js";
 import "../smoothScrollTo.js";
 import "../../components/layout/toolbar/FileUploadTool.js";
 import "../../components/icons/FileUploadDefaultIcon.js";
@@ -137,5 +138,5 @@ import "./useHighlight.js";
 import "../../components/icons/LightPdfIcon.js";
 import "../../components/icons/DarkPdfIcon.js";
 export {
-  Fo as useSearch
+  Go as useSearch
 };

package/dist/utils/hooks/useTextSelection.js

@@ -0,0 +1,76 @@
+import { useCallback as p, useEffect as b } from "react";
+const D = ({ onTextSelect: s, pagesRef: n }) => {
+  const f = p(() => {
+    const e = n == null ? void 0 : n.querySelectorAll('[data-rp$="-textLayer"]');
+    return e ? Array.from(e) : [];
+  }, [n]), N = p(() => {
+    const e = document.getSelection();
+    if (!e || e.rangeCount === 0 || e.toString().trim() === "")
+      return null;
+    const E = e.toString(), a = /* @__PURE__ */ new Map(), O = f();
+    for (let i = 0; i < e.rangeCount; i++) {
+      const t = e.getRangeAt(i);
+      O.forEach((d) => {
+        if (t.intersectsNode(d)) {
+          const g = d.getAttribute("data-rp"), T = g == null ? void 0 : g.match(/page-(\d+)-textLayer/);
+          if (T) {
+            const h = parseInt(T[1]), C = d.closest('[data-rp*="page-"]');
+            if (!C)
+              return;
+            const c = C.getBoundingClientRect();
+            a.has(h) || a.set(h, {
+              rects: [],
+              pageRect: c
+            });
+            const y = a.get(h), _ = document.createTreeWalker(d, NodeFilter.SHOW_TEXT, null);
+            let u;
+            for (; u = _.nextNode(); )
+              if (t.intersectsNode(u) && u.parentElement) {
+                const o = document.createRange();
+                o.selectNodeContents(u);
+                const A = t.compareBoundaryPoints(Range.START_TO_START, o) > 0 ? t.startContainer : o.startContainer, B = t.compareBoundaryPoints(Range.START_TO_START, o) > 0 ? t.startOffset : o.startOffset, R = t.compareBoundaryPoints(Range.END_TO_END, o) < 0 ? t.endContainer : o.endContainer, S = t.compareBoundaryPoints(Range.END_TO_END, o) < 0 ? t.endOffset : o.endOffset, m = document.createRange();
+                m.setStart(A, B), m.setEnd(R, S);
+                const r = m.getBoundingClientRect();
+                if (r.width === 0 || r.height === 0)
+                  continue;
+                const P = {
+                  left: r.left - c.left,
+                  top: r.top - c.top,
+                  right: r.right - c.left,
+                  bottom: r.bottom - c.top,
+                  width: r.width,
+                  height: r.height
+                };
+                y.rects.push(P);
+              }
+          }
+        }
+      });
+    }
+    const w = Array.from(a.entries()).sort(([i], [t]) => i - t).map(([i, t]) => ({
+      pageNumber: i,
+      pageBasedBoundingRects: t.rects,
+      pageDimension: {
+        width: t.pageRect.width,
+        height: t.pageRect.height
+      },
+      pagePositionInWindow: {
+        x: t.pageRect.left,
+        y: t.pageRect.top
+      }
+    }));
+    return {
+      text: E,
+      pageSelections: w
+    };
+  }, [f]), l = p(() => {
+    const e = N();
+    e && (s == null || s(e));
+  }, [N, s]);
+  b(() => (n == null || n.addEventListener("pointerup", l), () => {
+    n == null || n.removeEventListener("pointerup", l);
+  }), [n, l]);
+};
+export {
+  D as useTextSelection
+};

package/dist/utils/hooks/useThumbnail.js

@@ -2,7 +2,7 @@ import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { z as Fo } from "../../ToolbarLayout.module-cf42c84d.js";
+import { z as Go } from "../../ToolbarLayout.module-3f4e0f88.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -91,6 +91,7 @@ import "./usePinch.js";
 import "../../components/ui/PasswordModal.js";
 import "./useLocalization.js";
 import "./useCopyText.js";
+import "./useTextSelection.js";
 import "../getWordPositionInPage.js";
 import "../smoothScrollTo.js";
 import "../../components/layout/toolbar/FileUploadTool.js";
@@ -137,5 +138,5 @@ import "./useHighlight.js";
 import "../../components/icons/LightPdfIcon.js";
 import "../../components/icons/DarkPdfIcon.js";
 export {
-  Fo as useThumbnail
+  Go as useThumbnail
 };

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -4,7 +4,7 @@ import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { M as Cr } from "../../ToolbarLayout.module-cf42c84d.js";
+import { M as Dr } from "../../ToolbarLayout.module-3f4e0f88.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -91,6 +91,7 @@ import "./usePinch.js";
 import "../../components/ui/PasswordModal.js";
 import "./useLocalization.js";
 import "./useCopyText.js";
+import "./useTextSelection.js";
 import "../getWordPositionInPage.js";
 import "../smoothScrollTo.js";
 import "../../components/layout/toolbar/FileUploadTool.js";
@@ -137,5 +138,5 @@ import "./useHighlight.js";
 import "../../components/icons/LightPdfIcon.js";
 import "../../components/icons/DarkPdfIcon.js";
 export {
-  Cr as useVirtualReactWindow
+  Dr as useVirtualReactWindow
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
-  "version": "1.17.0-rc.2",
+  "version": "1.18.0-beta.0",
   "keywords": [
     "react-pdf",
     "react-pdf-viewer",