@react-pdf-kit/viewer 2.6.0-beta.2 → 2.6.0

package/dist/utils/hooks/useSearch.js

@@ -1,164 +1,126 @@
-import { useState as C, useRef as b, useMemo as z, useCallback as S, useEffect as B } from "react";
-import { ScrollMode as N, ViewMode as nt } from "../types.js";
-import { findMatches as st } from "../highlight.js";
-import { useVirtualScrollContext as ct } from "../../contexts/VirtualScrollContext.js";
-import { useScrollModeContext as it } from "../../contexts/ScrollModeContext.js";
-import { useDocumentContext as at } from "../../contexts/RPDocumentContext.js";
-import { useZoomContext as mt } from "../../contexts/ZoomContext.js";
-import { u as lt } from "../../PaginationContext-87f832f2.js";
-import { useViewModeContext as ut } from "../../contexts/ViewModeContext.js";
-import { useDimensionPagesContext as pt } from "../../contexts/DimensionPagesContext.js";
-import { useLayoutContainer as ft } from "../../contexts/LayoutContainerContext.js";
-import { getScrollDistance as F } from "../getScrollDistance.js";
-import { getWordPositionInPage as gt } from "../getWordPositionInPage.js";
-import { usePagesRotateContext as ht } from "../../contexts/PagesRotateContext.js";
-import { useSmoothScrollContext as dt } from "../../contexts/SmoothScrollContext.js";
-import "../../de_DE-8145915f.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 "../const.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 "../../contexts/VirtualGridContext.js";
-import "../smoothScrollTo.js";
-import "../calculatePage.js";
-const ee = (O = {}, U = "") => {
-  const [l, q] = C(U), [J, y] = C(!1), { pdf: _, pages: I } = at(), { widths: f, heights: R } = pt(), w = b(!l), { currentZoom: A } = mt(), [s, g] = C([]), { setFocusedPage: D } = lt(), { columnCount: G, viewMode: V } = ut(), { pageRotate: v } = ht(), [c, i] = C(0), { pageScrollElementRef: W, virtualScrollableElementRef: Z } = ct(), { scrollMode: h } = it(), { pagesRef: L } = ft(), { scrollBehavior: j } = dt(), K = b({}), m = b(0), Q = z(() => c === 0 ? null : s[c - 1], [c, s]), a = z(() => s.length, [s]), u = S(
-    (e) => {
-      if (e === 0)
-        return;
-      const t = s[e - 1];
-      if (!t || !I)
-        return;
-      const o = Z || W;
-      if (!o || !L)
-        return;
-      const r = I.get(t.page);
-      if (h === N.PAGE_SCROLLING && D(t.page), !r)
-        return;
-      let n = 0, p = 0;
-      if (h === N.VERTICAL_SCROLLING) {
-        const d = t.page - 1, M = G;
-        let x, P;
-        if (V === nt.DUAL_PAGE_WITH_COVER)
-          if (t.page === 1)
-            x = 0, P = 0;
-          else {
-            const H = t.page - 2;
-            x = H % 2, P = Math.floor(H / 2) + 1;
-          }
-        else
-          x = d % M, P = Math.floor(d / M);
-        n = F(R, P), p = F(f, x);
-      }
-      h === N.HORIZONTAL_SCROLLING && (p = 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: $, topInPage: tt } = gt(
-        E,
-        L,
-        t.rect,
-        A,
-        T
-      ), et = p + $, ot = n + tt, rt = {
-        left: Math.max(et, 0),
-        top: Math.max(ot, 0)
-      };
-      o.scrollTo({
-        ...rt,
-        behavior: j
-      });
-    },
-    [
-      I,
-      D,
-      f,
-      R,
-      h,
-      V,
-      G,
-      Z,
-      W,
-      L,
-      s,
-      A,
-      v,
-      j
-    ]
-  );
-  B(() => {
-    c && u(c);
-  }, [c]);
-  const X = S(() => {
-    i((e) => {
-      let t;
-      return a ? e + 1 > a ? t = 1 : t = e + 1 : t = 0, m.current = t, t;
-    }), m.current === 1 && u(m.current);
-  }, [a, u]), Y = S(() => {
-    i((e) => {
-      let t;
-      return a ? e - 1 <= 0 ? t = a : t = e - 1 : t = 0, m.current = t, t;
-    }), m.current === 1 && u(m.current);
-  }, [a, u]), k = S(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 B(() => {
-    if (!l) {
-      w.current = !0, g([]), i(0);
-      return;
-    }
-    w.current = !1, y(!0), g([]), i(0), k(_).then((e) => {
-      K.current = e;
-      const o = Object.keys(e).reduce((r, n) => {
-        const p = st(
-          [l],
-          e[n],
-          Number(n) - 1,
-          O
-        ).map((E, T) => ({ ...E, page: Number(n), pageMatchIdx: T }));
-        return [...r, ...p];
-      }, []);
-      g(o), i(o.length ? 1 : 0);
-    }).catch(() => {
-      g([]), i(0);
-    }).finally(() => y(!1));
-  }, [l, k, _, O]), {
-    search: l,
-    setSearch: q,
-    loading: J,
-    matches: s,
-    totalMatches: a,
-    currentMatchPosition: c,
-    currentMatch: Q,
-    nextMatch: X,
-    prevMatch: Y,
-    setCurrentMatchPosition: i
-  };
-};
-export {
-  ee as useSearch
+import { ScrollMode as e, ViewMode as t } from "../types.js";
+import { useDocumentContext as n } from "../../contexts/RPDocumentContext.js";
+import { useScrollModeContext as r } from "../../contexts/ScrollModeContext.js";
+import { useViewModeContext as i } from "../../contexts/ViewModeContext.js";
+import { useVirtualScrollContext as a } from "../../contexts/VirtualScrollContext.js";
+import { useLayoutContainer as o } from "../../contexts/LayoutContainerContext.js";
+import { useZoomContext as s } from "../../contexts/ZoomContext.js";
+import { usePagesRotateContext as c } from "../../contexts/PagesRotateContext.js";
+import { useDimensionPagesContext as l } from "../../contexts/DimensionPagesContext.js";
+import { useSmoothScrollContext as u } from "../../contexts/SmoothScrollContext.js";
+import { getScrollDistance as d } from "../getScrollDistance.js";
+import { r as f } from "../../PaginationContext--n91mIJ4.js";
+import { findMatches as p } from "../highlight.js";
+import { getWordPositionInPage as m } from "../getWordPositionInPage.js";
+import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
+//#region lib/utils/hooks/useSearch.ts
+var b = (b = {}, x = "") => {
+	let [S, C] = y(x), [w, T] = y(!1), { pdf: E, pages: D } = n(), { widths: O, heights: k } = l(), A = v(!S), { currentZoom: j } = s(), [M, N] = y([]), { setFocusedPage: P } = f(), { columnCount: F, viewMode: I } = i(), { pageRotate: L } = c(), [R, z] = y(0), { pageScrollElementRef: B, virtualScrollableElementRef: V } = a(), { scrollMode: H } = r(), { pagesRef: U } = o(), { scrollBehavior: W } = u(), G = v({}), K = v(0), q = _(() => R === 0 ? null : M[R - 1], [R, M]), J = _(() => M.length, [M]), Y = h((n) => {
+		if (n === 0) return;
+		let r = M[n - 1];
+		if (!r || !D) return;
+		let i = V || B;
+		if (!i || !U) return;
+		let a = D.get(r.page);
+		if (H === e.PAGE_SCROLLING && P(r.page), !a) return;
+		let o = 0, s = 0;
+		if (H === e.VERTICAL_SCROLLING) {
+			let e = r.page - 1, n = F, i, a;
+			if (I === t.DUAL_PAGE_WITH_COVER) if (r.page === 1) i = 0, a = 0;
+			else {
+				let e = r.page - 2;
+				i = e % 2, a = Math.floor(e / 2) + 1;
+			}
+			else i = e % n, a = Math.floor(e / n);
+			o = d(k, a), s = d(O, i);
+		}
+		H === e.HORIZONTAL_SCROLLING && (s = O.slice(0, r.page - 1).reduce((e, t) => e + t, 0));
+		let c = {
+			height: k[r.page - 1],
+			width: O[r.page - 1]
+		}, l = L[r.page], { leftInPage: u, topInPage: f } = m(c, U, r.rect, j, l), p = s + u, h = o + f, g = {
+			left: Math.max(p, 0),
+			top: Math.max(h, 0)
+		};
+		i.scrollTo({
+			...g,
+			behavior: W
+		});
+	}, [
+		D,
+		P,
+		O,
+		k,
+		H,
+		I,
+		F,
+		V,
+		B,
+		U,
+		M,
+		j,
+		L,
+		W
+	]);
+	g(() => {
+		R && Y(R);
+	}, [R]);
+	let X = h(() => {
+		z((e) => {
+			let t;
+			return t = J ? e + 1 > J ? 1 : e + 1 : 0, K.current = t, t;
+		}), K.current === 1 && Y(K.current);
+	}, [J, Y]), Z = h(() => {
+		z((e) => {
+			let t;
+			return t = J ? e - 1 <= 0 ? J : e - 1 : 0, K.current = t, t;
+		}), K.current === 1 && Y(K.current);
+	}, [J, Y]), Q = h(async (e) => {
+		if (!e) return {};
+		let t = e.numPages, n = {};
+		for (let r = 1; r <= t; r++) {
+			if (A.current) throw "close pop over";
+			let t = await e.getPage(r);
+			n[r.toString()] = await t.getTextContent();
+		}
+		return n;
+	}, []);
+	return g(() => {
+		if (!S) {
+			A.current = !0, N([]), z(0);
+			return;
+		}
+		A.current = !1, T(!0), N([]), z(0), Q(E).then((e) => {
+			G.current = e;
+			let t = Object.keys(e).reduce((t, n) => {
+				let r = p([S], e[n], Number(n) - 1, b).map((e, t) => ({
+					...e,
+					page: Number(n),
+					pageMatchIdx: t
+				}));
+				return [...t, ...r];
+			}, []);
+			N(t), z(+!!t.length);
+		}).catch(() => {
+			N([]), z(0);
+		}).finally(() => T(!1));
+	}, [
+		S,
+		Q,
+		E,
+		b
+	]), {
+		search: S,
+		setSearch: C,
+		loading: w,
+		matches: M,
+		totalMatches: J,
+		currentMatchPosition: R,
+		currentMatch: q,
+		nextMatch: X,
+		prevMatch: Z,
+		setCurrentMatchPosition: z
+	};
 };
+//#endregion
+export { b as useSearch };

package/dist/utils/hooks/useTextSelection.js

@@ -1,76 +1,70 @@
-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
+import { useCallback as e, useEffect as t } from "react";
+//#region lib/utils/hooks/useTextSelection.ts
+var n = ({ onTextSelect: n, pagesRef: r }) => {
+	let i = e(() => {
+		let e = r?.querySelectorAll("[data-rp$=\"-textLayer\"]");
+		return e ? Array.from(e) : [];
+	}, [r]), a = e(() => {
+		let e = document.getSelection();
+		if (!e || e.rangeCount === 0 || e.toString().trim() === "") return null;
+		let t = e.toString(), n = /* @__PURE__ */ new Map(), r = i();
+		for (let t = 0; t < e.rangeCount; t++) {
+			let i = e.getRangeAt(t);
+			r.forEach((e) => {
+				if (i.intersectsNode(e)) {
+					let t = e.getAttribute("data-rp")?.match(/page-(\d+)-textLayer/);
+					if (t) {
+						let r = parseInt(t[1]), a = e.closest("[data-rp*=\"page-\"]");
+						if (!a) return;
+						let o = a.getBoundingClientRect();
+						n.has(r) || n.set(r, {
+							rects: [],
+							pageRect: o
+						});
+						let s = n.get(r), c = document.createTreeWalker(e, NodeFilter.SHOW_TEXT, null), l;
+						for (; l = c.nextNode();) if (i.intersectsNode(l) && l.parentElement) {
+							let e = document.createRange();
+							e.selectNodeContents(l);
+							let t = i.compareBoundaryPoints(Range.START_TO_START, e) > 0 ? i.startContainer : e.startContainer, n = i.compareBoundaryPoints(Range.START_TO_START, e) > 0 ? i.startOffset : e.startOffset, r = i.compareBoundaryPoints(Range.END_TO_END, e) < 0 ? i.endContainer : e.endContainer, a = i.compareBoundaryPoints(Range.END_TO_END, e) < 0 ? i.endOffset : e.endOffset, c = document.createRange();
+							c.setStart(t, n), c.setEnd(r, a);
+							let u = c.getBoundingClientRect();
+							if (u.width === 0 || u.height === 0) continue;
+							let d = {
+								left: u.left - o.left,
+								top: u.top - o.top,
+								right: u.right - o.left,
+								bottom: u.bottom - o.top,
+								width: u.width,
+								height: u.height
+							};
+							s.rects.push(d);
+						}
+					}
+				}
+			});
+		}
+		return {
+			text: t,
+			pageSelections: Array.from(n.entries()).sort(([e], [t]) => e - t).map(([e, t]) => ({
+				pageNumber: e,
+				pageBasedBoundingRects: t.rects,
+				pageDimension: {
+					width: t.pageRect.width,
+					height: t.pageRect.height
+				},
+				pagePositionInWindow: {
+					x: t.pageRect.left,
+					y: t.pageRect.top
+				}
+			}))
+		};
+	}, [i]), o = e(() => {
+		let e = a();
+		e && n?.(e);
+	}, [a, n]);
+	t(() => (r?.addEventListener("pointerup", o), () => {
+		r?.removeEventListener("pointerup", o);
+	}), [r, o]);
 };
+//#endregion
+export { n as useTextSelection };

package/dist/utils/hooks/useThumbnail.js

@@ -1,60 +1,43 @@
-import { useState as f, useMemo as d, useCallback as u, 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 "./useLoadPdf.js";
-import "pdfjs-dist";
-import "../types.js";
-import "../../de_DE-8145915f.js";
-import "../../contexts/ConfigContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import "../appConsole.js";
-import "../const.js";
-import "./usePdfProperties.js";
-import "../convertPdfDate.js";
-import "../formatFileSize.js";
-const E = () => {
-  const [a, s] = f({}), { pages: t } = h(), p = d(() => Object.keys(a).length, [a]), n = u(
-    (i) => {
-      if (!t.size)
-        return;
-      const e = i > t.size ? t.size : i, c = Array.from(t.values()).slice(0, e).map((o) => {
-        const { thumbnailViewport: r, scale: g } = P(o.page, o.defaultRotation);
-        return {
-          scale: g,
-          page: o.page,
-          loading: !0,
-          viewport: r,
-          defaultRotation: o.defaultRotation
-        };
-      }).reduce((o, r) => (o[r.page.pageNumber] = r, o), {});
-      s(c);
-    },
-    [t]
-  );
-  b(() => {
-    n(10);
-  }, [n]);
-  const l = u(
-    (i) => {
-      if (!t)
-        return;
-      const e = t.get(i);
-      e && s((m) => ({
-        ...m,
-        [i]: {
-          loading: !0,
-          page: e.page,
-          viewport: e.thumbnailViewport,
-          scale: e.thumbnailScale,
-          defaultRotation: e.defaultRotation
-        }
-      }));
-    },
-    [t]
-  );
-  return { thumbnailPages: a, addPage: l, addToPage: n, thumbnailLength: p };
-};
-export {
-  E as useThumbnail
+import { getThumbnailViewport as e } from "../getThumbnailViewport.js";
+import { useDocumentContext as t } from "../../contexts/RPDocumentContext.js";
+import { useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
+//#region lib/utils/hooks/useThumbnail.ts
+var o = () => {
+	let [o, s] = a({}), { pages: c } = t(), l = i(() => Object.keys(o).length, [o]), u = n((t) => {
+		if (!c.size) return;
+		let n = t > c.size ? c.size : t;
+		s(Array.from(c.values()).slice(0, n).map((t) => {
+			let { thumbnailViewport: n, scale: r } = e(t.page, t.defaultRotation);
+			return {
+				scale: r,
+				page: t.page,
+				loading: !0,
+				viewport: n,
+				defaultRotation: t.defaultRotation
+			};
+		}).reduce((e, t) => (e[t.page.pageNumber] = t, e), {}));
+	}, [c]);
+	return r(() => {
+		u(10);
+	}, [u]), {
+		thumbnailPages: o,
+		addPage: n((e) => {
+			if (!c) return;
+			let t = c.get(e);
+			t && s((n) => ({
+				...n,
+				[e]: {
+					loading: !0,
+					page: t.page,
+					viewport: t.thumbnailViewport,
+					scale: t.thumbnailScale,
+					defaultRotation: t.defaultRotation
+				}
+			}));
+		}, [c]),
+		addToPage: u,
+		thumbnailLength: l
+	};
 };
+//#endregion
+export { o as useThumbnail };