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

package/dist/utils/hooks/useSearch.js

@@ -1,140 +1,162 @@
-import "react";
-import "../types.js";
-import "../highlight.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/ZoomContext.js";
-import "react/jsx-runtime";
-import "../../contexts/DocumentPasswordContext.js";
-import { B as Eo } from "../../ToolbarLayout.module-8d56d12b.js";
-import "../../contexts/DarkModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/LayerContext.js";
-import "../../contexts/ViewModeContext.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 "../../components/layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../components/layout/sidebar/RPSplitter.js";
-import "../../components/layout/WrapperLayout.js";
-import "../../components/RPDropFileZone.js";
-import "../../LayoutWrapper-6224491f.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 "../getScrollDistance.js";
-import "../getWordPositionInPage.js";
-import "../../th_TH-d627cd51.js";
+import { useState as C, useRef as b, useMemo as H, useCallback as I, useEffect as z } from "react";
+import { ScrollMode as N, ViewMode as rt } from "../types.js";
+import { findMatches as nt } from "../highlight.js";
+import { useVirtualScrollContext as st } from "../../contexts/VirtualScrollContext.js";
+import { useScrollModeContext as ct } from "../../contexts/ScrollModeContext.js";
+import { useDocumentContext as it } from "../../contexts/RPDocumentContext.js";
+import { useZoomContext as at } from "../../contexts/ZoomContext.js";
+import { u as mt } from "../../PaginationContext-9217cab4.js";
+import { useViewModeContext as ut } from "../../contexts/ViewModeContext.js";
+import { useDimensionPagesContext as pt } from "../../contexts/DimensionPagesContext.js";
+import { useLayoutContainer as lt } from "../../contexts/LayoutContainerContext.js";
+import { getScrollDistance as F } from "../getScrollDistance.js";
+import { getWordPositionInPage as ft } from "../getWordPositionInPage.js";
+import { usePagesRotateContext as gt } from "../../contexts/PagesRotateContext.js";
+import "../../de_DE-a553b162.js";
 import "../charators.js";
+import "react/jsx-runtime";
 import "../appConsole.js";
+import "../../contexts/InitialStateContext.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 "../constants.js";
 import "../getZoomLevel.js";
+import "../../contexts/RotationContext.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
 import "./useDebounce.js";
-import "../../components/icons/ChevronUpIcon.js";
-import "../Queue.js";
-import "../renderPage.js";
-import "../../components/icons/Thumbnail.js";
-import "../../clsx-0c6e471a.js";
-import "../withRef.js";
-import "./useInfiniteScroll.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 "./useLicense.js";
-import "../getElementPositionInPage.js";
-import "../calculatePage.js";
-import "./useMousePressed.js";
-import "./useGrabScroll.js";
-import "./usePinch.js";
-import "../../components/ui/PasswordModal.js";
-import "./useLocalization.js";
-import "../approximateFragtion.js";
-import "./useCopyText.js";
+import "../../contexts/VirtualGridContext.js";
 import "../smoothScrollTo.js";
-import "../../components/layout/toolbar/FileUploadTool.js";
-import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-3bf64864.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../floating-ui.react-dom-d22a10b4.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/DualPageIcon.js";
-import "../../components/icons/SinglePageIcon.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/icons/LightPdfIcon.js";
-import "../../components/icons/DarkPdfIcon.js";
+import "../../contexts/SmoothScrollContext.js";
+import "../calculatePage.js";
+const Yt = (O = {}, U = "") => {
+  const [u, q] = C(U), [B, y] = C(!1), { pdf: _, pages: S } = it(), { widths: f, heights: R } = pt(), w = b(!u), { currentZoom: A } = at(), [s, g] = C([]), { setFocusedPage: D } = mt(), { columnCount: G, viewMode: V } = ut(), { pageRotate: v } = gt(), [c, i] = C(0), { pageScrollElementRef: W, virtualScrollableElementRef: Z } = st(), { scrollMode: h } = ct(), { pagesRef: L } = lt(), J = b({}), m = b(0), K = H(() => c === 0 ? null : s[c - 1], [c, s]), a = H(() => s.length, [s]), p = I(
+    (e) => {
+      if (e === 0)
+        return;
+      const t = s[e - 1];
+      if (!t || !S)
+        return;
+      const o = Z || W;
+      if (!o || !L)
+        return;
+      const r = S.get(t.page);
+      if (h === N.PAGE_SCROLLING && D(t.page), !r)
+        return;
+      let n = 0, l = 0;
+      if (h === N.VERTICAL_SCROLLING) {
+        const d = t.page - 1, M = G;
+        let x, P;
+        if (V === rt.DUAL_PAGE_WITH_COVER)
+          if (t.page === 1)
+            x = 0, P = 0;
+          else {
+            const k = t.page - 2;
+            x = k % 2, P = Math.floor(k / 2) + 1;
+          }
+        else
+          x = d % M, P = Math.floor(d / M);
+        n = F(R, P), l = F(f, x);
+      }
+      h === N.HORIZONTAL_SCROLLING && (l = f.slice(0, t.page - 1).reduce((d, M) => d + M, 0));
+      const E = {
+        height: R[t.page - 1],
+        width: f[t.page - 1]
+      }, T = v[t.page], { leftInPage: Y, topInPage: $ } = ft(
+        E,
+        L,
+        t.rect,
+        A,
+        T
+      ), tt = l + Y, et = n + $, ot = {
+        left: Math.max(tt, 0),
+        top: Math.max(et, 0)
+      };
+      o.scrollTo({
+        ...ot,
+        behavior: "smooth"
+      });
+    },
+    [
+      S,
+      D,
+      f,
+      R,
+      h,
+      V,
+      G,
+      Z,
+      W,
+      L,
+      s,
+      A,
+      v
+    ]
+  );
+  z(() => {
+    c && p(c);
+  }, [c]);
+  const Q = I(() => {
+    i((e) => {
+      let t;
+      return a ? e + 1 > a ? t = 1 : t = e + 1 : t = 0, m.current = t, t;
+    }), m.current === 1 && p(m.current);
+  }, [a, p]), X = I(() => {
+    i((e) => {
+      let t;
+      return a ? e - 1 <= 0 ? t = a : t = e - 1 : t = 0, m.current = t, t;
+    }), m.current === 1 && p(m.current);
+  }, [a, p]), j = I(async (e) => {
+    if (!e)
+      return {};
+    const t = e.numPages, o = {};
+    for (let r = 1; r <= t; r++) {
+      if (w.current)
+        throw "close pop over";
+      const n = await e.getPage(r);
+      o[r.toString()] = await n.getTextContent();
+    }
+    return o;
+  }, []);
+  return z(() => {
+    if (!u) {
+      w.current = !0, g([]), i(0);
+      return;
+    }
+    w.current = !1, y(!0), g([]), i(0), j(_).then((e) => {
+      J.current = e;
+      const o = Object.keys(e).reduce((r, n) => {
+        const l = nt(
+          [u],
+          e[n],
+          Number(n) - 1,
+          O
+        ).map((E, T) => ({ ...E, page: Number(n), pageMatchIdx: T }));
+        return [...r, ...l];
+      }, []);
+      g(o), i(o.length ? 1 : 0);
+    }).catch(() => {
+      g([]), i(0);
+    }).finally(() => y(!1));
+  }, [u, j, _, O]), {
+    search: u,
+    setSearch: q,
+    loading: B,
+    matches: s,
+    totalMatches: a,
+    currentMatchPosition: c,
+    currentMatch: K,
+    nextMatch: Q,
+    prevMatch: X,
+    setCurrentMatchPosition: i
+  };
+};
 export {
-  Eo as useSearch
+  Yt 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

@@ -1,140 +1,59 @@
-import "react";
+import { useState as f, useMemo as d, useCallback as m, useEffect as b } from "react";
+import { useDocumentContext as h } from "../../contexts/RPDocumentContext.js";
+import { getThumbnailViewport as P } from "../getThumbnailViewport.js";
 import "react/jsx-runtime";
-import "../../contexts/RPDocumentContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import { z as Eo } 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 "../../components/layout/Container.js";
-import "../../contexts/ViewportContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../components/layout/sidebar/RPSplitter.js";
-import "../../components/layout/WrapperLayout.js";
-import "../../components/RPDropFileZone.js";
-import "../../LayoutWrapper-6224491f.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 "../getThumbnailViewport.js";
 import "./useLoadPdf.js";
+import "pdfjs-dist";
 import "../types.js";
-import "../../th_TH-d627cd51.js";
+import "../../de_DE-a553b162.js";
+import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
 import "../appConsole.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 "../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 "./useDebounce.js";
-import "./useLicense.js";
-import "../getScrollDistance.js";
-import "../getElementPositionInPage.js";
-import "../calculatePage.js";
-import "./useMousePressed.js";
-import "./useGrabScroll.js";
-import "./usePinch.js";
-import "../../components/ui/PasswordModal.js";
-import "./useLocalization.js";
-import "../approximateFragtion.js";
-import "./useCopyText.js";
-import "../getWordPositionInPage.js";
-import "../smoothScrollTo.js";
-import "../../components/layout/toolbar/FileUploadTool.js";
-import "../../components/icons/FileUploadDefaultIcon.js";
-import "../../index-3bf64864.js";
-import "../../index-c9a2990a.js";
-import "react-dom";
-import "../../floating-ui.react-dom-d22a10b4.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/DualPageIcon.js";
-import "../../components/icons/SinglePageIcon.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/icons/LightPdfIcon.js";
-import "../../components/icons/DarkPdfIcon.js";
+const D = () => {
+  const [r, s] = f({}), { pages: t } = h(), p = d(() => Object.keys(r).length, [r]), n = m(
+    (a) => {
+      if (!t.size)
+        return;
+      const e = a > t.size ? t.size : a, c = Array.from(t.values()).slice(0, e).map((o) => {
+        const { thumbnailViewport: i, scale: g } = P(o.page, o.defaultRotation);
+        return {
+          scale: g,
+          page: o.page,
+          loading: !0,
+          viewport: i,
+          defaultRotation: o.defaultRotation
+        };
+      }).reduce((o, i) => (o[i.page.pageNumber] = i, o), {});
+      s(c);
+    },
+    [t]
+  );
+  b(() => {
+    n(10);
+  }, [n]);
+  const l = m(
+    (a) => {
+      if (!t)
+        return;
+      const e = t.get(a);
+      e && s((u) => ({
+        ...u,
+        [a]: {
+          loading: !0,
+          page: e.page,
+          viewport: e.thumbnailViewport,
+          scale: e.thumbnailScale,
+          defaultRotation: e.defaultRotation
+        }
+      }));
+    },
+    [t]
+  );
+  return { thumbnailPages: r, addPage: l, addToPage: n, thumbnailLength: p };
+};
 export {
-  Eo as useThumbnail
+  D as useThumbnail
 };