@react-pdf-kit/viewer 2.0.1-rc.0 → 2.0.1-rc.2

package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js

@@ -1,7 +1,7 @@
 import { jsx as r, Fragment as g, jsxs as e } from "react/jsx-runtime";
 import { useMemo as L } from "react";
 import m from "../../../../ui/RPTooltip.js";
-import { G } from "../../../../../index-4baea9b5.js";
+import { G } from "../../../../../index-61f59539.js";
 import { MenuSeparator as T } from "../../MenuSeparator.js";
 import { MenuItem as n } from "../../MenuItem.js";
 import { DualPageIcon as b } from "../../../../icons/DualPageIcon.js";
@@ -18,7 +18,7 @@ import "../../../../../index-e3ee9457.js";
 import "../../../../../floating-ui.react-dom-5ec29bd6.js";
 import "../../../../../index-655864a7.js";
 import "../../../../../utils/withRef.js";
-import "../../../../../Combination-54a77a7a.js";
+import "../../../../../Combination-136ff99c.js";
 import "../../../../../clsx-0c6e471a.js";
 import "../../../../../utils/appConsole.js";
 import "../../../../../contexts/InitialStateContext.js";

package/dist/components/ui/DropDown.js

@@ -1,11 +1,11 @@
 import { jsxs as p, jsx as d } from "react/jsx-runtime";
-import { R as l, T as c, P as _, C as m } from "../../index-4baea9b5.js";
+import { R as l, T as c, P as _, C as m } from "../../index-61f59539.js";
 import { c as A } from "../../clsx-0c6e471a.js";
 import "react";
 import "../../index-c0faa594.js";
 import "react-dom";
 import "../../index-e3ee9457.js";
-import "../../Combination-54a77a7a.js";
+import "../../Combination-136ff99c.js";
 import "../../floating-ui.react-dom-5ec29bd6.js";
 import "../../index-655864a7.js";
 const F = "_slideDownAndFade_1vzkq_1", w = "_slideLeftAndFade_1vzkq_1", f = "_slideUpAndFade_1vzkq_1", g = "_slideRightAndFade_1vzkq_1", h = {

package/dist/{index-4baea9b5.js → index-61f59539.js}

@@ -3,7 +3,7 @@ import X from "react";
 import { c as ce, a as G, g as Ce, P as F, u as ke, f as Ge, b as M, d as me, j as Ke, h as Bt } from "./index-c0faa594.js";
 import { jsx as s } from "react/jsx-runtime";
 import { a as ve, u as _e, D as Yt } from "./index-e3ee9457.js";
-import { h as Ht, u as Vt, F as Xt, R as Wt, P as jt } from "./Combination-54a77a7a.js";
+import { h as Ht, u as Vt, F as Xt, R as Wt, P as jt } from "./Combination-136ff99c.js";
 import { u as zt, a as Zt, o as qt, s as Jt, l as Qt, f as eo, b as to, c as oo, h as no } from "./floating-ui.react-dom-5ec29bd6.js";
 import { u as ro } from "./index-655864a7.js";
 function $e(e) {

package/dist/main.js

@@ -144,8 +144,8 @@ import "./components/layout/toolbar/RPToolbarEnd.js";
 import "./components/layout/toolbar/FileUploadTool.js";
 import "./components/icons/FileUploadDefaultIcon.js";
 import "./components/layout/toolbar/MenuItem.js";
-import "./index-4baea9b5.js";
-import "./Combination-54a77a7a.js";
+import "./index-61f59539.js";
+import "./Combination-136ff99c.js";
 import "./components/layout/toolbar/DarkModeTool.js";
 import "./components/icons/MoonIcon.js";
 import "./components/icons/SunIcon.js";

package/dist/utils/highlight.js

@@ -1,21 +1,21 @@
 import { getCharacterType as D } from "./charators.js";
-function _(r, c, m, i) {
+function _(l, c, m, i) {
   const s = [];
-  for (const n of r) {
+  for (const n of l) {
     const o = y(c, n, i);
     s.push(...R(o, c, m));
   }
   return s;
 }
-const L = (r, c) => {
+const L = (l, c) => {
   const m = ["g"];
   c.matchCase || m.push("i");
-  let s = r.replace(/[.^$*+?()[{|\\]/g, (n) => `\\${n}`).trim();
+  let s = l.replace(/[.^$*+?()[{|\\]/g, (n) => `\\${n}`).trim();
   return new RegExp(s, m.join(""));
 };
-function y(r, c, m) {
+function y(l, c, m) {
   const i = [];
-  for (const t of r.items)
+  for (const t of l.items)
     if (t.hasEOL)
       if (t.str.endsWith("-")) {
         const d = t.str.lastIndexOf("-");
@@ -34,14 +34,14 @@ function y(r, c, m) {
     m.wholeWords && !W(s, e.index, e[0].length) || o.push([e.index, e[0].length, e[0]]);
   return o;
 }
-function R(r, c, m) {
+function R(l, c, m) {
   function i(d) {
     return d.hasEOL ? d.str.endsWith("-") ? -1 : 1 : 0;
   }
   let s = 0, n = 0;
   const o = c.items, e = o.length - 1, t = [];
-  for (let d = 0; d < r.length; d++) {
-    let h = r[d][0];
+  for (let d = 0; d < l.length; d++) {
+    let h = l[d][0];
     for (; s !== e && h >= n + o[s].str.length; ) {
       const x = o[s];
       n += x.str.length + i(x), s++;
@@ -50,19 +50,19 @@ function R(r, c, m) {
       idx: s,
       offset: h - n
     };
-    for (h += r[d][1]; s !== e && h > n + o[s].str.length; ) {
+    for (h += l[d][1]; s !== e && h > n + o[s].str.length; ) {
       const x = o[s];
       n += x.str.length + i(x), s++;
     }
-    const l = {
+    const r = {
       idx: s,
       offset: h - n
     };
     t.push({
       start: g,
-      end: l,
-      str: r[d][2],
-      oIndex: r[d][0],
+      end: r,
+      str: l[d][2],
+      oIndex: l[d][0],
       pageIndex: m,
       rect: { left: 0, bottom: 0, width: 0, height: 0 },
       rects: []
@@ -71,45 +71,45 @@ function R(r, c, m) {
   for (const d of t) {
     const h = [];
     for (let g = d.start.idx; g <= d.end.idx; g++) {
-      const l = o[g], x = l.transform[4], C = l.transform[5], a = l.str.length > 0 ? l.width / l.str.length : 0, M = g === d.start.idx ? d.start.offset : 0, N = g === d.end.idx ? d.end.offset : l.str.length, f = x + M * a, E = (N - M) * a, u = (c.styles ?? {})[l.fontName], T = (u == null ? void 0 : u.ascent) ?? 1, v = (u == null ? void 0 : u.descent) != null ? Math.abs(u.descent) : 1 - T, b = C - v * l.height;
-      (E > 0 || l.height > 0) && h.push({
+      const r = o[g], x = r.transform[4], C = r.transform[5], a = r.str.length > 0 ? r.width / r.str.length : 0, M = g === d.start.idx ? d.start.offset : 0, N = g === d.end.idx ? d.end.offset : r.str.length, f = x + M * a, E = (N - M) * a, u = (c.styles ?? {})[r.fontName], T = (u == null ? void 0 : u.ascent) ?? 1, v = (u == null ? void 0 : u.descent) != null ? Math.abs(u.descent) : 1 - T, b = C - v * r.height;
+      r.height > 0 && r.width > 0 && h.push({
         left: f,
         bottom: b,
         width: E,
-        height: l.height
+        height: r.height
       });
     }
     d.rect = h[0], d.rects = h;
   }
   return t;
 }
-function W(r, c, m) {
-  let i = r.slice(0, c).match(/([^\p{M}])\p{M}*$/u);
+function W(l, c, m) {
+  let i = l.slice(0, c).match(/([^\p{M}])\p{M}*$/u);
   if (i) {
-    const s = r.charCodeAt(c), n = i[1].charCodeAt(0);
+    const s = l.charCodeAt(c), n = i[1].charCodeAt(0);
     if (D(s) === D(n))
       return !1;
   }
-  if (i = r.slice(c + m).match(/^\p{M}*([^\p{M}])/u), i) {
-    const s = r.charCodeAt(c + m - 1), n = i[1].charCodeAt(0);
+  if (i = l.slice(c + m).match(/^\p{M}*([^\p{M}])/u), i) {
+    const s = l.charCodeAt(c + m - 1), n = i[1].charCodeAt(0);
     if (D(s) === D(n))
       return !1;
   }
   return !0;
 }
-function I(r, c, m) {
+function I(l, c, m) {
   const i = [];
   function s(n, o, e = -1, t = -1, d = "") {
     const h = c.items[n], g = [];
-    let l = "", x = "", C = "", a = m[n];
+    let r = "", x = "", C = "", a = m[n];
     if (!a)
       return;
     if (a.nodeType === Node.TEXT_NODE) {
       const f = document.createElement("span");
       a.before(f), f.append(a), m[n] = f, a = f;
     }
-    e >= 0 && t >= 0 ? l = h.str.substring(e, t) : e < 0 && t < 0 ? l = h.str : e >= 0 ? l = h.str.substring(e) : t >= 0 && (l = h.str.substring(0, t));
-    const M = document.createTextNode(l), N = document.createElement("span");
+    e >= 0 && t >= 0 ? r = h.str.substring(e, t) : e < 0 && t < 0 ? r = h.str : e >= 0 ? r = h.str.substring(e) : t >= 0 && (r = h.str.substring(0, t));
+    const M = document.createTextNode(r), N = document.createElement("span");
     if (N.className = "highlight appended " + d, N.setAttribute("data-match-index", `${o}`), N.append(M), g.push(N), i.push({ element: N, index: o }), e > 0)
       if (a.childNodes.length === 1 && a.childNodes[0].nodeType === Node.TEXT_NODE) {
         x = h.str.substring(0, e);
@@ -135,7 +135,7 @@ function I(r, c, m) {
     }
     a.replaceChildren(...g);
   }
-  for (const [n, o] of r.entries())
+  for (const [n, o] of l.entries())
     if (o.start.idx === o.end.idx)
       s(o.start.idx, n, o.start.offset, o.end.offset);
     else
@@ -143,8 +143,8 @@ function I(r, c, m) {
         e === o.start.idx ? s(e, n, o.start.offset, -1, "begin") : e === o.end.idx ? s(e, n, -1, o.end.offset, "end") : s(e, n, -1, -1, "middle");
   return i;
 }
-function V(r, c) {
-  const m = r.items.map((i) => i.str);
+function V(l, c) {
+  const m = l.items.map((i) => i.str);
   for (let i = 0; i < c.length; i++) {
     const s = c[i];
     if (s && s.nodeType !== Node.TEXT_NODE) {
@@ -153,19 +153,19 @@ function V(r, c) {
     }
   }
 }
-function H(r = {}) {
-  return { matchCase: !1, wholeWords: !1, ...r };
+function H(l = {}) {
+  return { matchCase: !1, wholeWords: !1, ...l };
 }
-function S(r, c, m) {
+function S(l, c, m) {
   const i = [];
   function s(n, o, e = -1, t = -1, d) {
     var f, E;
     const h = c.items[n], g = [];
-    let l = "", x = "", C = "", a = m[n];
+    let r = "", x = "", C = "", a = m[n];
     if (!a)
       return;
-    e >= 0 && t >= 0 ? l = h.str.substring(e, t) : e < 0 && t < 0 ? l = h.str : e >= 0 ? l = h.str.substring(e) : t >= 0 && (l = h.str.substring(0, t));
-    const M = document.createTextNode(l), N = document.createElement("span");
+    e >= 0 && t >= 0 ? r = h.str.substring(e, t) : e < 0 && t < 0 ? r = h.str : e >= 0 ? r = h.str.substring(e) : t >= 0 && (r = h.str.substring(0, t));
+    const M = document.createTextNode(r), N = document.createElement("span");
     if (N.style.background = d, N.append(M), g.push(N), e > 0)
       if (a.childNodes.length === 1 && a.childNodes[0].nodeType === Node.TEXT_NODE) {
         x = h.str.substring(0, e);
@@ -205,7 +205,7 @@ function S(r, c, m) {
       }
     a.replaceChildren(...g), i.push({ element: N, index: o });
   }
-  for (const [n, o] of r.entries()) {
+  for (const [n, o] of l.entries()) {
     const { start: e, end: t, color: d } = o;
     e.idx === t.idx && s(e.idx, n, e.offset, t.offset, d);
   }

package/dist/utils/hooks/useHighlight.js

@@ -1,55 +1,93 @@
-import { useState as m, useCallback as r, useEffect as C } from "react";
-import { getHighlightOptionsWithDefaults as H, findMatches as M } from "../highlight.js";
+import { useState as f, useCallback as p, useEffect as w } from "react";
+import { getHighlightOptionsWithDefaults as k, findMatches as P } from "../highlight.js";
 import "../charators.js";
-const k = (s) => {
-  const [n, c] = m(void 0), [f, l] = m([]), u = r(async (t) => {
-    if (!t)
+const x = (n) => {
+  const e = Math.min(...n.map((s) => s.left)), c = Math.max(...n.map((s) => s.left + s.width)), o = Math.min(...n.map((s) => s.bottom)), t = Math.max(...n.map((s) => s.height));
+  return { left: e, bottom: o, width: c - e, height: t };
+}, N = (n) => n.flatMap((e) => e.rects ?? (e.rect ? [e.rect] : [])), O = (n) => {
+  const e = n.reduce((o, t) => {
+    const s = Math.round(t.bottom);
+    return o[s] || (o[s] = []), o[s].push(t), o;
+  }, {});
+  return Object.entries(e).sort((o, t) => Number(t[0]) - Number(o[0])).map(([o, t]) => x(t));
+}, L = (n) => {
+  const e = {};
+  for (const c of n) {
+    const o = c.keyword, t = e[o] ?? [];
+    t.push(c), e[o] = t;
+  }
+  return e;
+}, j = (n, e) => {
+  const c = n[0], o = N(n), t = o.length > 0 ? O(o) : c.rect ? [c.rect] : [];
+  return {
+    ...c,
+    pageMatchIdx: e,
+    rect: t[0] ?? c.rect,
+    rects: t
+  };
+}, v = (n) => {
+  const e = {};
+  for (const t of n) {
+    const s = e[t.page] ?? [];
+    s.push(t), e[t.page] = s;
+  }
+  let c = 0;
+  const o = [];
+  for (const t of Object.values(e)) {
+    const s = L(t);
+    for (const g of Object.values(s))
+      o.push(j(g, c++));
+  }
+  return o;
+}, K = (n) => {
+  const [e, c] = f(void 0), [o, t] = f([]), s = p(async (r) => {
+    if (!r)
       return {};
-    const i = t.numPages, e = {};
-    for (let o = 1; o <= i; o++) {
-      const h = await t.getPage(o);
-      e[o.toString()] = await h.getTextContent();
+    const i = r.numPages, h = {};
+    for (let a = 1; a <= i; a++) {
+      const u = await r.getPage(a);
+      h[a.toString()] = await u.getTextContent();
     }
-    return e;
-  }, []), p = r(async (t) => {
-    c(t);
-  }, []), g = r(() => {
-    l([]), c(void 0);
+    return h;
+  }, []), g = p(async (r) => {
+    c(r);
+  }, []), l = p(() => {
+    t([]), c(void 0);
   }, []);
-  return C(() => {
-    s && u(s).then((t) => {
+  return w(() => {
+    n && s(n).then((r) => {
       let i = [];
-      for (const { keyword: e, highlightColor: o, options: h } of n) {
-        if (!e)
+      for (const { keyword: h, highlightColor: a, options: u } of e) {
+        if (!h)
           continue;
-        const y = H(h);
-        for (const a of Object.keys(t)) {
-          const b = M(
-            [e],
-            t[a],
-            Number(a) - 1,
-            y
-          ).map((w, x) => ({
-            ...w,
-            page: Number(a),
-            pageMatchIdx: x,
-            color: o,
-            keyword: e
+        const b = k(u);
+        for (const m of Object.keys(r)) {
+          const d = P(
+            [h],
+            r[m],
+            Number(m) - 1,
+            b
+          ).map((M, y) => ({
+            ...M,
+            page: Number(m),
+            pageMatchIdx: y,
+            color: a,
+            keyword: h
           }));
-          i = [...i, ...b];
+          i = [...i, ...d];
         }
       }
-      l(i);
+      t(v(i));
     }).catch(() => {
-      g();
+      l();
     });
-  }, [n, s, g, u]), {
-    highlight: p,
-    clear: g,
-    highlightMatches: f,
-    highlightKeywords: n
+  }, [e, n, l, s]), {
+    highlight: g,
+    clear: l,
+    highlightMatches: o,
+    highlightKeywords: e
   };
 };
 export {
-  k as useHighlight
+  K as useHighlight
 };

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("2026-02-24T04:09:54.598Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2026-02-24T10:02:24.424Z"), 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

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "2.0.1-rc.0",
+  "version": "2.0.1-rc.2",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [