@pdf-viewer/react 1.14.0-beta.3 → 1.14.0-beta.4

package/dist/types/utils/getElementPositionInPage.d.ts

@@ -1,5 +1,5 @@
-import { RectPosition } from './types';
+import { ElementPosition } from './types';
 export declare const getElementPagePosition: (pageDimension: {
     width: number;
     height: number;
-}, pagesRef: HTMLDivElement, element: HTMLElement | JSX.Element, rotation: number, scale: number) => RectPosition;
+}, pagesRef: HTMLDivElement, element: HTMLElement | JSX.Element, rotation: number, scale: number) => ElementPosition;

package/dist/types/utils/types.d.ts

@@ -546,6 +546,12 @@ export interface ScrollModeInitialProps {
     initialScrollMode?: ScrollMode;
 }
 export interface RectPosition {
+    left: number;
+    bottom: number;
+    width: number;
+    height: number;
+}
+export interface ElementPosition {
     left: number;
     top: number;
     width: number;

package/dist/utils/getWordPositionInPage.js

@@ -1,5 +1,5 @@
 const a = (i, h, l, o, n) => {
-  const c = l.height * o, s = l.width * o, y = l.top * o, w = l.left * o, d = {
+  const c = l.height * o, s = l.width * o, y = l.bottom * o, m = l.left * o, d = {
     width: n % 180 === 90 ? i.height : i.width,
     height: n % 180 === 90 ? i.width : i.height
   }, r = {
@@ -8,16 +8,16 @@ const a = (i, h, l, o, n) => {
   }, t = document.createElement("div");
   t.style.width = `${d.width}px`, t.style.height = `${d.height}px`, t.style.position = "absolute", t.style.transform = `rotate(${n}deg)`, t.style.transformOrigin = "center center", t.style.visibility = "hidden", t.style.left = "-99999px";
   const e = document.createElement("div");
-  e.style.position = "absolute", e.style.width = `${s}px`, e.style.height = `${c}px`, e.style.position = "absolute", e.style.bottom = `${y}px`, e.style.left = `${w}px`, t.appendChild(e), h.appendChild(t);
-  const p = t.getBoundingClientRect(), g = e.getBoundingClientRect();
+  e.style.position = "absolute", e.style.width = `${s}px`, e.style.height = `${c}px`, e.style.position = "absolute", e.style.bottom = `${y}px`, e.style.left = `${m}px`, t.appendChild(e), h.appendChild(t);
+  const g = t.getBoundingClientRect(), p = e.getBoundingClientRect();
   h.removeChild(t);
   const u = {
     top: h.clientHeight / 2,
     left: h.clientWidth / 2
   };
   return {
-    leftInPage: g.left - p.left - u.left + r.width / 2,
-    topInPage: g.top - p.top - u.top + r.height / 2
+    leftInPage: p.left - g.left - u.left + r.width / 2,
+    topInPage: p.top - g.top - u.top + r.height / 2
   };
 };
 export {

package/dist/utils/highlight.js

@@ -1,19 +1,19 @@
-import { getCharacterType as X } from "./charators.js";
-function V(r, c, a, i) {
+import { getCharacterType as D } from "./charators.js";
+function V(r, c, u, i) {
   const o = [];
   for (const n of r) {
     const s = y(c, n, i);
-    o.push(...I(s, c, a));
+    o.push(...I(s, c, u));
   }
   return o;
 }
-const D = (r, c) => {
-  const a = ["g"];
-  c.matchCase || a.push("i");
+const X = (r, c) => {
+  const u = ["g"];
+  c.matchCase || u.push("i");
   let o = r.replace(/[.^$*+?()[{|\\]/g, (n) => `\\${n}`).trim();
-  return new RegExp(o, a.join(""));
+  return new RegExp(o, u.join(""));
 };
-function y(r, c, a) {
+function y(r, c, u) {
   const i = [];
   for (const t of r.items)
     if (t.hasEOL)
@@ -27,14 +27,14 @@ function y(r, c, a) {
       i.push(t.str);
   const o = i.join("").replace(/\n/g, " ");
   let n;
-  c instanceof RegExp ? n = c.flags.indexOf("g") === -1 ? new RegExp(c, `${c.flags}g`) : c : n = D(c, a);
+  c instanceof RegExp ? n = c.flags.indexOf("g") === -1 ? new RegExp(c, `${c.flags}g`) : c : n = X(c, u);
   const s = [];
   let e;
   for (; (e = n.exec(o)) !== null; )
-    a.wholeWords && !L(o, e.index, e[0].length) || s.push([e.index, e[0].length, e[0]]);
+    u.wholeWords && !L(o, e.index, e[0].length) || s.push([e.index, e[0].length, e[0]]);
   return s;
 }
-function I(r, c, a) {
+function I(r, c, u) {
   function i(l) {
     return l.hasEOL ? l.str.endsWith("-") ? -1 : 1 : 0;
   }
@@ -46,7 +46,7 @@ function I(r, c, a) {
       const f = s[o];
       n += f.str.length + i(f), o++;
     }
-    const p = {
+    const h = {
       idx: o,
       offset: d - n
     };
@@ -59,81 +59,81 @@ function I(r, c, a) {
       offset: d - n
     };
     t.push({
-      start: p,
+      start: h,
       end: m,
       str: r[l][2],
       oIndex: r[l][0],
-      pageIndex: a,
+      pageIndex: u,
       rect: {
         left: 0,
-        top: 0,
+        bottom: 0,
         width: 0,
         height: 0
       }
     });
   }
   for (const l of t) {
-    const d = s[l.start.idx], p = s[l.end.idx], m = d.transform[4], f = d.transform[5], E = m + d.width * l.start.offset / d.str.length, h = f, b = m + p.width * l.end.offset / p.str.length, N = f, u = {
-      left: Math.min(E, b),
-      top: Math.min(h, N),
-      width: Math.abs(b - E),
-      height: Math.max(d.height, p.height)
+    const d = s[l.start.idx], h = s[l.end.idx], m = d.transform[4] + l.start.offset * (d.width / d.str.length), f = d.transform[5], E = h.transform[4] + l.end.offset * (h.width / h.str.length), a = h.transform[5], M = {
+      left: Math.min(m, E),
+      bottom: Math.min(f, a),
+      width: Math.abs(E - m),
+      height: Math.max(d.height, h.height)
     };
-    l.rect = u;
+    l.rect = M;
   }
   return t;
 }
-function L(r, c, a) {
+function L(r, c, u) {
   let i = r.slice(0, c).match(/([^\p{M}])\p{M}*$/u);
   if (i) {
     const o = r.charCodeAt(c), n = i[1].charCodeAt(0);
-    if (X(o) === X(n))
+    if (D(o) === D(n))
       return !1;
   }
-  if (i = r.slice(c + a).match(/^\p{M}*([^\p{M}])/u), i) {
-    const o = r.charCodeAt(c + a - 1), n = i[1].charCodeAt(0);
-    if (X(o) === X(n))
+  if (i = r.slice(c + u).match(/^\p{M}*([^\p{M}])/u), i) {
+    const o = r.charCodeAt(c + u - 1), n = i[1].charCodeAt(0);
+    if (D(o) === D(n))
       return !1;
   }
   return !0;
 }
-function H(r, c, a) {
+function H(r, c, u) {
   const i = [];
   function o(n, s, e = -1, t = -1, l = "") {
-    const d = c.items[n], p = [];
-    let m = "", f = "", E = "", h = a[n];
-    if (!h)
+    const d = c.items[n], h = [];
+    let m = "", f = "", E = "", a = u[n];
+    if (!a)
       return;
-    if (h.nodeType === Node.TEXT_NODE) {
-      const u = document.createElement("span");
-      h.before(u), u.append(h), a[n] = u, h = u;
+    if (a.nodeType === Node.TEXT_NODE) {
+      const p = document.createElement("span");
+      a.before(p), p.append(a), u[n] = p, a = p;
     }
     e >= 0 && t >= 0 ? m = d.str.substring(e, t) : e < 0 && t < 0 ? m = d.str : e >= 0 ? m = d.str.substring(e) : t >= 0 && (m = d.str.substring(0, t));
-    const b = document.createTextNode(m), N = document.createElement("span");
-    if (N.className = "highlight appended " + l, N.setAttribute("data-match-index", `${s}`), N.append(b), p.push(N), i.push({ element: N, index: s }), e > 0)
-      if (h.childNodes.length === 1 && h.childNodes[0].nodeType === Node.TEXT_NODE) {
+    const M = document.createTextNode(m), N = document.createElement("span");
+    if (N.className = "highlight appended " + l, N.setAttribute("data-match-index", `${s}`), N.append(M), h.push(N), i.push({ element: N, index: s }), e > 0)
+      if (a.childNodes.length === 1 && a.childNodes[0].nodeType === Node.TEXT_NODE) {
         f = d.str.substring(0, e);
-        const u = document.createTextNode(f);
-        p.unshift(u);
+        const p = document.createTextNode(f);
+        h.unshift(p);
       } else {
-        let u = 0;
-        const C = [];
-        for (const g of h.childNodes) {
+        let p = 0;
+        const b = [];
+        for (const g of a.childNodes) {
           const x = g.nodeType === Node.TEXT_NODE ? g.nodeValue : g.firstChild.nodeValue;
-          u += x.length, u <= e ? C.push(g) : e >= u - x.length && t <= u && C.push(
+          p += x.length, p <= e ? b.push(g) : e >= p - x.length && t <= p && b.push(
             document.createTextNode(
-              x.substring(0, e - (u - x.length))
+              x.substring(0, e - (p - x.length))
             )
           );
         }
-        p.unshift(...C);
+        h.unshift(...b);
       }
     if (t > 0) {
       E = d.str.substring(t);
-      const u = document.createTextNode(E);
-      p.push(u);
+      const p = document.createTextNode(E);
+      h.push(p);
     }
-    h.replaceChildren(...p);
+    a.replaceChildren(...h);
   }
   for (const [n, s] of r.entries())
     if (s.start.idx === s.end.idx)
@@ -144,11 +144,11 @@ function H(r, c, a) {
   return i;
 }
 function R(r, c) {
-  const a = r.items.map((i) => i.str);
+  const u = r.items.map((i) => i.str);
   for (let i = 0; i < c.length; i++) {
     const o = c[i];
     if (o && o.nodeType !== Node.TEXT_NODE) {
-      const n = document.createTextNode(a[i]);
+      const n = document.createTextNode(u[i]);
       o.replaceChildren(n);
     }
   }
@@ -156,54 +156,54 @@ function R(r, c) {
 function W(r = {}) {
   return { matchCase: !1, wholeWords: !1, ...r };
 }
-function A(r, c, a) {
+function A(r, c, u) {
   const i = [];
   function o(n, s, e = -1, t = -1, l) {
-    var u, C;
-    const d = c.items[n], p = [];
-    let m = "", f = "", E = "", h = a[n];
-    if (!h)
+    var p, b;
+    const d = c.items[n], h = [];
+    let m = "", f = "", E = "", a = u[n];
+    if (!a)
       return;
     e >= 0 && t >= 0 ? m = d.str.substring(e, t) : e < 0 && t < 0 ? m = d.str : e >= 0 ? m = d.str.substring(e) : t >= 0 && (m = d.str.substring(0, t));
-    const b = document.createTextNode(m), N = document.createElement("span");
-    if (N.style.background = l, N.append(b), p.push(N), e > 0)
-      if (h.childNodes.length === 1 && h.childNodes[0].nodeType === Node.TEXT_NODE) {
+    const M = document.createTextNode(m), N = document.createElement("span");
+    if (N.style.background = l, N.append(M), h.push(N), e > 0)
+      if (a.childNodes.length === 1 && a.childNodes[0].nodeType === Node.TEXT_NODE) {
         f = d.str.substring(0, e);
         const g = document.createTextNode(f);
-        p.unshift(g);
+        h.unshift(g);
       } else {
         let g = 0;
         const x = [];
-        for (const T of h.childNodes) {
-          const v = T.nodeType === Node.TEXT_NODE ? T.nodeValue || "" : ((u = T.firstChild) == null ? void 0 : u.nodeValue) || "", M = v.length;
-          if (g += M, g <= e)
+        for (const T of a.childNodes) {
+          const v = T.nodeType === Node.TEXT_NODE ? T.nodeValue || "" : ((p = T.firstChild) == null ? void 0 : p.nodeValue) || "", C = v.length;
+          if (g += C, g <= e)
             x.push(T);
-          else if (e >= g - M && t <= g) {
-            const w = v.substring(0, e - (g - M));
+          else if (e >= g - C && t <= g) {
+            const w = v.substring(0, e - (g - C));
             x.push(document.createTextNode(w));
           }
         }
-        p.unshift(...x);
+        h.unshift(...x);
       }
     if (t > 0)
-      if (h.childNodes.length === 1 && h.childNodes[0].nodeType === Node.TEXT_NODE) {
+      if (a.childNodes.length === 1 && a.childNodes[0].nodeType === Node.TEXT_NODE) {
         E = d.str.substring(t);
         const g = document.createTextNode(E);
-        p.push(g);
+        h.push(g);
       } else {
         let g = 0;
         const x = [];
-        for (const T of h.childNodes) {
+        for (const T of a.childNodes) {
           g >= t && x.push(T);
-          const v = T.nodeType === Node.TEXT_NODE ? T.nodeValue || "" : ((C = T.firstChild) == null ? void 0 : C.nodeValue) || "", M = v.length;
-          if (g += M, g > t) {
-            const w = v.substring(t - (g - M));
+          const v = T.nodeType === Node.TEXT_NODE ? T.nodeValue || "" : ((b = T.firstChild) == null ? void 0 : b.nodeValue) || "", C = v.length;
+          if (g += C, g > t) {
+            const w = v.substring(t - (g - C));
             w && x.push(document.createTextNode(w));
           }
         }
-        x.length > 0 && p.push(...x);
+        x.length > 0 && h.push(...x);
       }
-    h.replaceChildren(...p), i.push({ element: N, index: s });
+    a.replaceChildren(...h), i.push({ element: N, index: s });
   }
   for (const [n, s] of r.entries()) {
     const { start: e, end: t, color: l } = s;

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as E, useCallback as h, useEffect as A } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-12-01T06:37:11.550Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-12-02T02:55:04.012Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
   invalidLicense: `You are currently using without a valid license. ${d}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
   expired: `Your license key has expired. ${d}`,

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.14.0-beta.3",
+  "version": "1.14.0-beta.4",
   "keywords": [
     "react-pdf",
     "react-pdf-viewer",