@react-pdf-kit/viewer 0.0.0-experimental.1 → 0.0.0-experimental.3

package/dist/components/page/TextHighlightLayer.js

@@ -5,7 +5,8 @@ import { useHighlightContext as V } from "../../contexts/HighlightContext.js";
 import { normalizeSingleKeyword as Y, sortHighlightPosition as Z, unwrap as tt } from "./searchHighlight.js";
 import { isMatchEntireWord as et } from "../../utils/highlight.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../../utils/types.js";
 import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
@@ -20,8 +21,8 @@ import "../../utils/charators.js";
 import "../../utils/const.js";
 const nt = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
-}, Tt = ({ pageNumber: w, viewport: O }) => {
-  const [$, v] = A(), { pages: R } = U(), { highlightKeywords: d } = V(), M = !0, C = N(null), [P, q] = A(null), [_, b] = A([]);
+}, kt = ({ pageNumber: w, viewport: O }) => {
+  const [$, v] = A(), { pages: R } = U(), { highlightKeywords: p } = V(), M = !0, C = N(null), [P, q] = A(null), [_, b] = A([]);
   H(() => {
     C.current && q(C.current.parentElement);
   }, [C]), H(() => {
@@ -33,13 +34,13 @@ const nt = {
       v(n);
     })();
   }, [R, w]);
-  const j = Q(() => d ? d.map((t) => {
+  const j = Q(() => p ? p.map((t) => {
     var e, n;
     return {
       ...Y(t.keyword, (e = t.options) == null ? void 0 : e.matchCase, (n = t.options) == null ? void 0 : n.wholeWords),
       color: t.highlightColor
     };
-  }) : [], [d]);
+  }) : [], [p]);
   function D(t, e) {
     if (!t)
       return;
@@ -84,7 +85,7 @@ const nt = {
     s.setStart(o, c), s.setEnd(o, l + 1);
     const h = document.createElement("span");
     h.style.width = "auto", s.surroundContents(h);
-    const a = h.getBoundingClientRect(), f = t.getBoundingClientRect(), m = f.height, p = f.width, x = 100 * (a.left - f.left) / p, E = 100 * (a.top - f.top) / m, S = 100 * a.height / m, g = 100 * a.width / p;
+    const a = h.getBoundingClientRect(), f = t.getBoundingClientRect(), m = f.height, d = f.width, x = 100 * (a.left - f.left) / d, E = 100 * (a.top - f.top) / m, S = 100 * a.height / m, g = 100 * a.width / d;
     return tt(h), {
       keywordStr: e,
       left: x,
@@ -92,7 +93,7 @@ const nt = {
       height: S,
       width: g,
       pageHeight: m,
-      pageWidth: p
+      pageWidth: d
     };
   };
   async function z(t, e) {
@@ -129,14 +130,14 @@ const nt = {
       const { keyword: l, regExp: h, wholeWords: a, color: f } = c, m = l;
       if (!m.trim())
         return;
-      const p = h.flags.indexOf("g") === -1 ? new RegExp(h, `${h.flags}g`) : h;
+      const d = h.flags.indexOf("g") === -1 ? new RegExp(h, `${h.flags}g`) : h;
       let x;
       const E = [];
-      for (; (x = p.exec(i)) !== null; )
+      for (; (x = d.exec(i)) !== null; )
         a && !et(i, x.index, x[0].length) || E.push({
-          keyword: p,
+          keyword: d,
           startIndex: x.index,
-          endIndex: p.lastIndex
+          endIndex: d.lastIndex
         });
       const S = E.map((g) => ({
         keyword: g.keyword,
@@ -168,17 +169,17 @@ const nt = {
   };
   return H(() => {
     (async () => {
-      if (!d || d.length === 0) {
+      if (!p || p.length === 0) {
         b([]);
         return;
       }
       try {
-        await z(w, d);
+        await z(w, p);
       } catch (e) {
         console.error(e);
       }
     })();
-  }, [M, d, w, $, O]), /* @__PURE__ */ k(J, { children: /* @__PURE__ */ k("div", { ref: C, "data-rp": `page-${w}-textHighlightLayer`, children: _.map((t, e) => /* @__PURE__ */ k(
+  }, [M, p, w, $, O]), /* @__PURE__ */ k(J, { children: /* @__PURE__ */ k("div", { ref: C, "data-rp": `page-${w}-textHighlightLayer`, children: _.map((t, e) => /* @__PURE__ */ k(
     "div",
     {
       className: nt["rp-text-highlight"],
@@ -194,5 +195,5 @@ const nt = {
   )) }) });
 };
 export {
-  Tt as TextHighlightLayer
+  kt as TextHighlightLayer
 };

package/dist/components/page/TextLayer.js

@@ -1,11 +1,11 @@
-import { jsx as H } from "react/jsx-runtime";
-import { useRef as g, useState as P, useMemo as G, useCallback as _, useEffect as w } from "react";
-import { useDocumentContext as J } from "../../contexts/RPDocumentContext.js";
-import * as $ from "pdfjs-dist";
-import { resetDivs as U, highlightMatches as V } from "../../utils/highlight.js";
-import { useSearchContext as X } from "../../contexts/SearchContext.js";
-import { useSmoothScaleContext as z } from "../../contexts/SmoothScaleContext.js";
+import { jsx as I } from "react/jsx-runtime";
+import { useRef as g, useState as H, useMemo as P, useCallback as _, useEffect as w } from "react";
+import { useDocumentContext as G } from "../../contexts/RPDocumentContext.js";
+import { TextLayerBuilder as J } from "@pdf-viewer/pdfium/compat";
+import { resetDivs as $, highlightMatches as U } from "../../utils/highlight.js";
+import { useSearchContext as V } from "../../contexts/SearchContext.js";
 import "../../utils/hooks/useLoadPdf.js";
+import "@pdf-viewer/pdfium";
 import "../../utils/types.js";
 import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
@@ -38,31 +38,31 @@ import "../../contexts/SmoothScrollContext.js";
 import "../../utils/getScrollDistance.js";
 import "../../utils/calculatePage.js";
 import "../../utils/getWordPositionInPage.js";
-const F = "_selecting_1553j_14", K = "_markedContent_1553j_37", a = {
+const X = "_selecting_1553j_14", z = "_markedContent_1553j_37", a = {
   "rp-text-layer": "_rp-text-layer_1553j_1",
-  selecting: F,
-  markedContent: K,
+  selecting: X,
+  markedContent: z,
   "rp-text-layer-text": "_rp-text-layer-text_1553j_61"
-}, ke = (k) => {
-  const { pageNumber: d } = k, { pages: R } = J(), { isTransitioning: q } = z(), i = g(null), { matches: O, currentMatch: v } = X(), [D, A] = P(
+}, ke = (j) => {
+  const { pageNumber: d } = j, { pages: R } = G(), i = g(null), { matches: O, currentMatch: v } = V(), [D, A] = H(
     []
-  ), p = g(), h = g(), L = g([]), y = G(() => O.filter((r) => r.pageIndex === d - 1), [O, d]), T = _(
+  ), p = g(), h = g(), L = g([]), y = P(() => O.filter((r) => r.pageIndex === d - 1), [O, d]), T = _(
     (r, t, e = !1) => {
-      if (e && U(r, t), !y.length) {
+      if (e && $(r, t), !y.length) {
         L.current = [], A([]);
         return;
       }
-      const n = V(y, r, t);
+      const n = U(y, r, t);
       A(n);
     },
     [y]
-  ), x = g(), C = g(!1), S = _(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  ), x = g(), C = g(!1), E = _(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
   w(() => ((() => {
     if (x.current)
       return;
     x.current = new AbortController();
     const { signal: t } = x.current, e = () => {
-      S().forEach((o) => {
+      E().forEach((o) => {
         const s = o.querySelector(".endOfContent");
         s && (o.appendChild(s), s.style.width = "", s.style.height = "", o.classList.remove(a.selecting));
       });
@@ -96,7 +96,7 @@ const F = "_selecting_1553j_14", K = "_markedContent_1553j_37", a = {
     document.addEventListener(
       "selectionchange",
       () => {
-        var M, j;
+        var M, k;
         const o = document.getSelection();
         if (!o)
           return;
@@ -107,11 +107,11 @@ const F = "_selecting_1553j_14", K = "_markedContent_1553j_37", a = {
         const s = /* @__PURE__ */ new Set();
         for (let c = 0; c < o.rangeCount; c++) {
           const f = o.getRangeAt(c);
-          S().forEach((N) => {
+          E().forEach((N) => {
             f.intersectsNode(N) && !s.has(N) && s.add(N);
           });
         }
-        S().forEach((c) => {
+        E().forEach((c) => {
           if (s.has(c))
             c.classList.add(a.selecting);
           else {
@@ -124,16 +124,16 @@ const F = "_selecting_1553j_14", K = "_markedContent_1553j_37", a = {
         u.nodeType === Node.TEXT_NODE && (u = u.parentNode);
         const m = (M = u.parentElement) == null ? void 0 : M.closest(
           a["rp-text-layer"]
-        ), E = m == null ? void 0 : m.querySelector(".endOfContent");
-        E && m && (E.style.width = m.style.width, E.style.height = m.style.height, (j = u.parentElement) == null || j.insertBefore(E, u.nextSibling)), n = l.cloneRange();
+        ), S = m == null ? void 0 : m.querySelector(".endOfContent");
+        S && m && (S.style.width = m.style.width, S.style.height = m.style.height, (k = u.parentElement) == null || k.insertBefore(S, u.nextSibling)), n = l.cloneRange();
       },
       { signal: t }
     );
   })(), () => {
     var t;
     (t = x.current) == null || t.abort(), x.current = void 0;
-  }), [S]);
-  const I = _(() => {
+  }), [E]);
+  const q = _(() => {
     i.current && i.current.classList.add(a.selecting);
   }, []), B = _(() => {
     i.current && i.current.classList.remove(a.selecting);
@@ -159,7 +159,7 @@ const F = "_selecting_1553j_14", K = "_markedContent_1553j_37", a = {
     const t = i.current;
     return p.current && p.current.cancel(), r.page.getTextContent().then((e) => {
       const n = r.page.getViewport({ scale: 1 });
-      return p.current = new $.TextLayer({
+      return p.current = new J({
         viewport: n,
         textContentSource: e,
         container: t
@@ -185,15 +185,14 @@ const F = "_selecting_1553j_14", K = "_markedContent_1553j_37", a = {
     });
     const t = (e = p.current) == null ? void 0 : e.textDivs;
     t && h.current && T(h.current, t, !0);
-  }, [T]), /* @__PURE__ */ H(
+  }, [T]), /* @__PURE__ */ I(
     "div",
     {
       "data-rp-text-layer": !0,
       "data-rp": `page-${d}-textLayer`,
       className: a["rp-text-layer"],
       ref: i,
-      style: q ? { visibility: "hidden" } : void 0,
-      onMouseDown: I,
+      onMouseDown: q,
       onMouseUp: B
     }
   );

package/dist/components/ui/Checkbox.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as w, Fragment as U } from "react/jsx-runtime";
 import * as s from "react";
-import { c as z, a as B, P as y, b as S, d as G, f as K } from "../../index-c0faa594.js";
-import { u as X } from "../../index-655864a7.js";
+import { c as z, a as B, P as y, b as S, d as G, f as K } from "../../index-113053cf.js";
+import { u as X } from "../../index-ada501c4.js";
 import { CheckIcon as J } from "../icons/CheckIcon.js";
 import "react-dom";
 function Q(e) {

package/dist/components/ui/DropDown.js

@@ -1,13 +1,13 @@
 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-535ad364.js";
 import { c as A } from "../../clsx-0c6e471a.js";
 import "react";
-import "../../index-c0faa594.js";
+import "../../index-113053cf.js";
 import "react-dom";
-import "../../index-e3ee9457.js";
-import "../../Combination-54a77a7a.js";
-import "../../floating-ui.react-dom-5ec29bd6.js";
-import "../../index-655864a7.js";
+import "../../index-23911b43.js";
+import "../../Combination-479e39c6.js";
+import "../../index-d0f0aa9a.js";
+import "../../index-ada501c4.js";
 const F = "_slideDownAndFade_1vzkq_1", w = "_slideLeftAndFade_1vzkq_1", f = "_slideUpAndFade_1vzkq_1", g = "_slideRightAndFade_1vzkq_1", h = {
   "rp-dropdown-content": "_rp-dropdown-content_1vzkq_1",
   slideDownAndFade: F,

package/dist/components/ui/Input.js

@@ -1,25 +1,25 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
 import { c as u } from "../../clsx-0c6e471a.js";
 import { withRef as l } from "../../utils/withRef.js";
 import "react";
 const t = {
-  "rp-input": "_rp-input_3rj4v_1",
-  "rp-input-wrapper": "_rp-input-wrapper_3rj4v_22",
-  "rp-input-icon": "_rp-input-icon_3rj4v_26"
+  "rp-input": "_rp-input_5b7ag_1",
+  "rp-input-wrapper": "_rp-input-wrapper_5b7ag_28",
+  "rp-input-icon": "_rp-input-icon_5b7ag_32"
 }, h = l((n, e) => {
-  const { className: o, icon: p, children: s, ...r } = n, c = r.role || (r.type === "text" || !r.type ? "textbox" : void 0);
-  return /* @__PURE__ */ a("div", { className: t["rp-input-wrapper"], children: [
+  const { className: o, icon: r, children: s, ...p } = n, a = p.role || (p.type === "text" || !p.type ? "textbox" : void 0);
+  return /* @__PURE__ */ c("div", { className: t["rp-input-wrapper"], children: [
     /* @__PURE__ */ i(
       "input",
       {
-        ...r,
-        role: c,
-        "data-icon": !!p,
+        ...p,
+        role: a,
+        "data-icon": !!r,
         ref: e,
         className: u(o, t["rp-input"], "ignore-hover")
       }
     ),
-    p && /* @__PURE__ */ i("span", { className: t["rp-input-icon"], "aria-hidden": "true", children: p }),
+    r && /* @__PURE__ */ i("span", { className: t["rp-input-icon"], "aria-hidden": "true", children: r }),
     s
   ] });
 });

package/dist/components/ui/LoadingIndicator.js

@@ -1,4 +1,4 @@
-import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import { c as o } from "../../clsx-0c6e471a.js";
 import { usePrintContext as p } from "../../contexts/PrintContext.js";
 import { useLocalizationContext as d } from "../../contexts/LocalizationContext.js";
@@ -6,7 +6,8 @@ import "react";
 import "../../utils/hooks/usePrint.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
+import "@pdf-viewer/pdfium";
+import "@pdf-viewer/pdfium/compat";
 import "../../utils/types.js";
 import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
@@ -25,10 +26,10 @@ const s = "_loading_wazy2_1", i = {
   "rp-loading-progress": "_rp-loading-progress_wazy2_35",
   "rp-loading-cancel-button": "_rp-loading-cancel-button_wazy2_55",
   loading: s
-}, I = ({ percentage: n }) => {
+}, P = ({ percentage: t }) => {
   const { cancel: l } = p(), { localeMessages: r } = d();
-  return n < 1 ? null : /* @__PURE__ */ a("div", { className: o(i["rp-loading-overlay"]), children: /* @__PURE__ */ t("div", { className: o(i["rp-loading-modal"]), children: [
-    /* @__PURE__ */ t("div", { className: o(i["rp-loading-title"]), children: [
+  return t < 1 ? null : /* @__PURE__ */ a("div", { className: o(i["rp-loading-overlay"]), children: /* @__PURE__ */ n("div", { className: o(i["rp-loading-modal"]), children: [
+    /* @__PURE__ */ n("div", { className: o(i["rp-loading-title"]), children: [
       r == null ? void 0 : r.printLoadingMessage,
       "..."
     ] }),
@@ -36,12 +37,12 @@ const s = "_loading_wazy2_1", i = {
       "div",
       {
         className: o(i["rp-loading-progress"]),
-        style: { width: `${n}%` }
+        style: { width: `${t}%` }
       }
     ) }),
     /* @__PURE__ */ a("button", { className: o(i["rp-loading-cancel-button"]), onClick: l, children: r == null ? void 0 : r.printCancelLabel })
   ] }) });
 };
 export {
-  I as default
+  P as default
 };