@react-pdf-kit/viewer 2.0.1-rc.6 → 2.1.0-beta.1

package/dist/{index-ada501c4.js → index-655864a7.js}

@@ -1,5 +1,5 @@
 import * as h from "react";
-import { u as z } from "./index-113053cf.js";
+import { u as z } from "./index-c0faa594.js";
 function n(r) {
   const [d, e] = h.useState(void 0);
   return z(() => {

package/dist/{index-113053cf.js → index-c0faa594.js}

@@ -302,8 +302,8 @@ export {
   Z as e,
   K as f,
   x as g,
-  z as h,
-  J as i,
+  J as h,
+  z as i,
   w as j,
   C as u
 };

package/dist/{index-23911b43.js → index-e3ee9457.js}

@@ -1,5 +1,5 @@
 import * as r from "react";
-import { a as R, P as w, b as h, i as _, u as U } from "./index-113053cf.js";
+import { a as R, P as w, b as y, h as _, u as U } from "./index-c0faa594.js";
 import { jsx as T } from "react/jsx-runtime";
 function b(t) {
   const e = r.useRef(t);
@@ -34,11 +34,11 @@ var H = "DismissableLayer", p = "dismissableLayer.update", M = "dismissableLayer
       onDismiss: d,
       ...E
     } = t, u = r.useContext(S), [c, B] = r.useState(null), f = (c == null ? void 0 : c.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, F] = r.useState({}), I = R(e, (o) => B(o)), m = Array.from(u.layers), [W] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), A = m.indexOf(W), P = c ? m.indexOf(c) : -1, N = u.layersWithOutsidePointerEventsDisabled.size > 0, D = P >= A, k = $((o) => {
-      const v = o.target, C = [...u.branches].some((y) => y.contains(v));
+      const v = o.target, C = [...u.branches].some((h) => h.contains(v));
       !D || C || (i == null || i(o), l == null || l(o), o.defaultPrevented || d == null || d());
     }, f), L = q((o) => {
       const v = o.target;
-      [...u.branches].some((y) => y.contains(v)) || (a == null || a(o), l == null || l(o), o.defaultPrevented || d == null || d());
+      [...u.branches].some((h) => h.contains(v)) || (a == null || a(o), l == null || l(o), o.defaultPrevented || d == null || d());
     }, f);
     return z((o) => {
       P === u.layers.size - 1 && (s == null || s(o), !o.defaultPrevented && d && (o.preventDefault(), d()));
@@ -61,9 +61,9 @@ var H = "DismissableLayer", p = "dismissableLayer.update", M = "dismissableLayer
           pointerEvents: N ? D ? "auto" : "none" : void 0,
           ...t.style
         },
-        onFocusCapture: h(t.onFocusCapture, L.onFocusCapture),
-        onBlurCapture: h(t.onBlurCapture, L.onBlurCapture),
-        onPointerDownCapture: h(
+        onFocusCapture: y(t.onFocusCapture, L.onFocusCapture),
+        onBlurCapture: y(t.onBlurCapture, L.onBlurCapture),
+        onPointerDownCapture: y(
           t.onPointerDownCapture,
           k.onPointerDownCapture
         )

package/dist/main.js

@@ -135,17 +135,17 @@ import "./contexts/IconContext.js";
 import "./contexts/ToolbarComponentContext.js";
 import "./contexts/ViewportContext.js";
 import "./components/ui/RPTooltip.js";
-import "./index-113053cf.js";
+import "./index-c0faa594.js";
 import "react-dom";
-import "./index-23911b43.js";
-import "./index-d0f0aa9a.js";
-import "./index-ada501c4.js";
+import "./index-e3ee9457.js";
+import "./floating-ui.react-dom-5ec29bd6.js";
+import "./index-655864a7.js";
 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-11f3cd64.js";
-import "./Combination-17ab8af1.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/types/utils/hooks/useWatermark.d.ts

@@ -1 +1 @@
-export declare const useWatermark: (instanceId?: string) => void;
+export declare const useWatermark: (container: HTMLDivElement | null) => void;

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

@@ -540,7 +540,6 @@ export interface ZoomContextType {
 }
 export type ZoomProps = Omit<ZoomContextType, 'currentZoom'>;
 export type InitialStateContextType = {
-    instanceId: string;
     interactiveForm?: boolean;
 } & ZoomProviderProps & PageProviderProps & ViewModeInitialProps & ScrollModeInitialProps & RotateProviderProps;
 export interface ZoomProviderProps {
@@ -820,6 +819,7 @@ export interface RPHorizontalBarIcons {
     documentPropertiesIcon?: React.ReactNode;
     printIcon?: React.ReactNode;
     searchIcon?: React.ReactNode;
+    searchClearIcon?: React.ReactNode;
     textSelectionIcon?: React.ReactNode;
     handModeIcon?: React.ReactNode;
 }

package/dist/utils/highlight.js

@@ -1,21 +1,21 @@
 import { getCharacterType as D } from "./charators.js";
-function _(l, c, m, i) {
+function _(r, c, m, i) {
   const s = [];
-  for (const n of l) {
+  for (const n of r) {
     const o = y(c, n, i);
     s.push(...R(o, c, m));
   }
   return s;
 }
-const L = (l, c) => {
+const L = (r, c) => {
   const m = ["g"];
   c.matchCase || m.push("i");
-  let s = l.replace(/[.^$*+?()[{|\\]/g, (n) => `\\${n}`).trim();
+  let s = r.replace(/[.^$*+?()[{|\\]/g, (n) => `\\${n}`).trim();
   return new RegExp(s, m.join(""));
 };
-function y(l, c, m) {
+function y(r, c, m) {
   const i = [];
-  for (const t of l.items)
+  for (const t of r.items)
     if (t.hasEOL)
       if (t.str.endsWith("-")) {
         const d = t.str.lastIndexOf("-");
@@ -34,14 +34,14 @@ function y(l, c, m) {
     m.wholeWords && !W(s, e.index, e[0].length) || o.push([e.index, e[0].length, e[0]]);
   return o;
 }
-function R(l, c, m) {
+function R(r, 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 < l.length; d++) {
-    let h = l[d][0];
+  for (let d = 0; d < r.length; d++) {
+    let h = r[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(l, c, m) {
       idx: s,
       offset: h - n
     };
-    for (h += l[d][1]; s !== e && h > n + o[s].str.length; ) {
+    for (h += r[d][1]; s !== e && h > n + o[s].str.length; ) {
       const x = o[s];
       n += x.str.length + i(x), s++;
     }
-    const r = {
+    const l = {
       idx: s,
       offset: h - n
     };
     t.push({
       start: g,
-      end: r,
-      str: l[d][2],
-      oIndex: l[d][0],
+      end: l,
+      str: r[d][2],
+      oIndex: r[d][0],
       pageIndex: m,
       rect: { left: 0, bottom: 0, width: 0, height: 0 },
       rects: []
@@ -71,45 +71,45 @@ function R(l, c, m) {
   for (const d of t) {
     const h = [];
     for (let g = d.start.idx; g <= d.end.idx; g++) {
-      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({
+      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({
         left: f,
         bottom: b,
         width: E,
-        height: r.height
+        height: l.height
       });
     }
     d.rect = h[0], d.rects = h;
   }
   return t;
 }
-function W(l, c, m) {
-  let i = l.slice(0, c).match(/([^\p{M}])\p{M}*$/u);
+function W(r, c, m) {
+  let i = r.slice(0, c).match(/([^\p{M}])\p{M}*$/u);
   if (i) {
-    const s = l.charCodeAt(c), n = i[1].charCodeAt(0);
+    const s = r.charCodeAt(c), n = i[1].charCodeAt(0);
     if (D(s) === D(n))
       return !1;
   }
-  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 (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 (D(s) === D(n))
       return !1;
   }
   return !0;
 }
-function I(l, c, m) {
+function I(r, c, m) {
   const i = [];
   function s(n, o, e = -1, t = -1, d = "") {
     const h = c.items[n], g = [];
-    let r = "", x = "", C = "", a = m[n];
+    let l = "", 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 ? 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");
+    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");
     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(l, c, m) {
     }
     a.replaceChildren(...g);
   }
-  for (const [n, o] of l.entries())
+  for (const [n, o] of r.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(l, 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(l, c) {
-  const m = l.items.map((i) => i.str);
+function V(r, c) {
+  const m = r.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(l, c) {
     }
   }
 }
-function H(l = {}) {
-  return { matchCase: !1, wholeWords: !1, ...l };
+function H(r = {}) {
+  return { matchCase: !1, wholeWords: !1, ...r };
 }
-function S(l, c, m) {
+function S(r, c, m) {
   const i = [];
   function s(n, o, e = -1, t = -1, d) {
     var f, E;
     const h = c.items[n], g = [];
-    let r = "", x = "", C = "", a = m[n];
+    let l = "", x = "", C = "", a = m[n];
     if (!a)
       return;
-    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");
+    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");
     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(l, c, m) {
       }
     a.replaceChildren(...g), i.push({ element: N, index: o });
   }
-  for (const [n, o] of l.entries()) {
+  for (const [n, o] of r.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,93 +1,55 @@
-import { useState as f, useCallback as p, useEffect as w } from "react";
-import { getHighlightOptionsWithDefaults as k, findMatches as P } from "../highlight.js";
+import { useState as m, useCallback as r, useEffect as C } from "react";
+import { getHighlightOptionsWithDefaults as H, findMatches as M } from "../highlight.js";
 import "../charators.js";
-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)
+const k = (s) => {
+  const [n, c] = m(void 0), [f, l] = m([]), u = r(async (t) => {
+    if (!t)
       return {};
-    const i = r.numPages, h = {};
-    for (let a = 1; a <= i; a++) {
-      const u = await r.getPage(a);
-      h[a.toString()] = await u.getTextContent();
+    const i = t.numPages, e = {};
+    for (let o = 1; o <= i; o++) {
+      const h = await t.getPage(o);
+      e[o.toString()] = await h.getTextContent();
     }
-    return h;
-  }, []), g = p(async (r) => {
-    c(r);
-  }, []), l = p(() => {
-    t([]), c(void 0);
+    return e;
+  }, []), p = r(async (t) => {
+    c(t);
+  }, []), g = r(() => {
+    l([]), c(void 0);
   }, []);
-  return w(() => {
-    n && s(n).then((r) => {
+  return C(() => {
+    s && u(s).then((t) => {
       let i = [];
-      for (const { keyword: h, highlightColor: a, options: u } of e) {
-        if (!h)
+      for (const { keyword: e, highlightColor: o, options: h } of n) {
+        if (!e)
           continue;
-        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
+        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
           }));
-          i = [...i, ...d];
+          i = [...i, ...b];
         }
       }
-      t(v(i));
+      l(i);
     }).catch(() => {
-      l();
+      g();
     });
-  }, [e, n, l, s]), {
-    highlight: g,
-    clear: l,
-    highlightMatches: o,
-    highlightKeywords: e
+  }, [n, s, g, u]), {
+    highlight: p,
+    clear: g,
+    highlightMatches: f,
+    highlightKeywords: n
   };
 };
 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-03-02T04:42:02.570Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2026-02-27T08:34:10.839Z"), 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}`,