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

package/dist/components/page/TextHighlightLayer.js

@@ -5,8 +5,7 @@ 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 "@pdf-viewer/pdfium";
-import "@pdf-viewer/pdfium/compat";
+import "pdfjs-dist";
 import "../../utils/types.js";
 import "../../de_DE-a553b162.js";
 import "../../utils/getThumbnailViewport.js";
@@ -21,8 +20,8 @@ import "../../utils/charators.js";
 import "../../utils/const.js";
 const nt = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
-}, 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([]);
+}, 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([]);
   H(() => {
     C.current && q(C.current.parentElement);
   }, [C]), H(() => {
@@ -34,13 +33,13 @@ const nt = {
       v(n);
     })();
   }, [R, w]);
-  const j = Q(() => p ? p.map((t) => {
+  const j = Q(() => d ? d.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
     };
-  }) : [], [p]);
+  }) : [], [d]);
   function D(t, e) {
     if (!t)
       return;
@@ -85,7 +84,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, 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;
+    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;
     return tt(h), {
       keywordStr: e,
       left: x,
@@ -93,7 +92,7 @@ const nt = {
       height: S,
       width: g,
       pageHeight: m,
-      pageWidth: d
+      pageWidth: p
     };
   };
   async function z(t, e) {
@@ -130,14 +129,14 @@ const nt = {
       const { keyword: l, regExp: h, wholeWords: a, color: f } = c, m = l;
       if (!m.trim())
         return;
-      const d = h.flags.indexOf("g") === -1 ? new RegExp(h, `${h.flags}g`) : h;
+      const p = h.flags.indexOf("g") === -1 ? new RegExp(h, `${h.flags}g`) : h;
       let x;
       const E = [];
-      for (; (x = d.exec(i)) !== null; )
+      for (; (x = p.exec(i)) !== null; )
         a && !et(i, x.index, x[0].length) || E.push({
-          keyword: d,
+          keyword: p,
           startIndex: x.index,
-          endIndex: d.lastIndex
+          endIndex: p.lastIndex
         });
       const S = E.map((g) => ({
         keyword: g.keyword,
@@ -169,17 +168,17 @@ const nt = {
   };
   return H(() => {
     (async () => {
-      if (!p || p.length === 0) {
+      if (!d || d.length === 0) {
         b([]);
         return;
       }
       try {
-        await z(w, p);
+        await z(w, d);
       } catch (e) {
         console.error(e);
       }
     })();
-  }, [M, p, w, $, O]), /* @__PURE__ */ k(J, { children: /* @__PURE__ */ k("div", { ref: C, "data-rp": `page-${w}-textHighlightLayer`, children: _.map((t, e) => /* @__PURE__ */ k(
+  }, [M, d, 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"],
@@ -195,5 +194,5 @@ const nt = {
   )) }) });
 };
 export {
-  kt as TextHighlightLayer
+  Tt as TextHighlightLayer
 };

package/dist/components/page/TextLayer.js

@@ -1,11 +1,10 @@
-import { jsx as I } from "react/jsx-runtime";
+import { jsx as B } 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 * as J from "pdfjs-dist";
 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";
@@ -43,8 +42,8 @@ const X = "_selecting_1553j_14", z = "_markedContent_1553j_37", a = {
   selecting: X,
   markedContent: z,
   "rp-text-layer-text": "_rp-text-layer-text_1553j_61"
-}, ke = (j) => {
-  const { pageNumber: d } = j, { pages: R } = G(), i = g(null), { matches: O, currentMatch: v } = V(), [D, A] = H(
+}, Ae = (k) => {
+  const { pageNumber: d } = k, { pages: R } = G(), i = g(null), { matches: O, currentMatch: v } = V(), [D, A] = H(
     []
   ), p = g(), h = g(), L = g([]), y = P(() => O.filter((r) => r.pageIndex === d - 1), [O, d]), T = _(
     (r, t, e = !1) => {
@@ -96,7 +95,7 @@ const X = "_selecting_1553j_14", z = "_markedContent_1553j_37", a = {
     document.addEventListener(
       "selectionchange",
       () => {
-        var M, k;
+        var M, j;
         const o = document.getSelection();
         if (!o)
           return;
@@ -125,7 +124,7 @@ const X = "_selecting_1553j_14", z = "_markedContent_1553j_37", a = {
         const m = (M = u.parentElement) == null ? void 0 : M.closest(
           a["rp-text-layer"]
         ), 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();
+        S && m && (S.style.width = m.style.width, S.style.height = m.style.height, (j = u.parentElement) == null || j.insertBefore(S, u.nextSibling)), n = l.cloneRange();
       },
       { signal: t }
     );
@@ -135,7 +134,7 @@ const X = "_selecting_1553j_14", z = "_markedContent_1553j_37", a = {
   }), [E]);
   const q = _(() => {
     i.current && i.current.classList.add(a.selecting);
-  }, []), B = _(() => {
+  }, []), I = _(() => {
     i.current && i.current.classList.remove(a.selecting);
   }, []);
   return w(() => {
@@ -159,7 +158,7 @@ const X = "_selecting_1553j_14", z = "_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 J({
+      return p.current = new J.TextLayer({
         viewport: n,
         textContentSource: e,
         container: t
@@ -185,7 +184,7 @@ const X = "_selecting_1553j_14", z = "_markedContent_1553j_37", a = {
     });
     const t = (e = p.current) == null ? void 0 : e.textDivs;
     t && h.current && T(h.current, t, !0);
-  }, [T]), /* @__PURE__ */ I(
+  }, [T]), /* @__PURE__ */ B(
     "div",
     {
       "data-rp-text-layer": !0,
@@ -193,10 +192,10 @@ const X = "_selecting_1553j_14", z = "_markedContent_1553j_37", a = {
       className: a["rp-text-layer"],
       ref: i,
       onMouseDown: q,
-      onMouseUp: B
+      onMouseUp: I
     }
   );
 };
 export {
-  ke as TextLayer
+  Ae as TextLayer
 };

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-113053cf.js";
-import { u as X } from "../../index-ada501c4.js";
+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 { 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-535ad364.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-113053cf.js";
+import "../../index-c0faa594.js";
 import "react-dom";
-import "../../index-23911b43.js";
-import "../../Combination-479e39c6.js";
-import "../../index-d0f0aa9a.js";
-import "../../index-ada501c4.js";
+import "../../index-e3ee9457.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 = {
   "rp-dropdown-content": "_rp-dropdown-content_1vzkq_1",
   slideDownAndFade: F,

package/dist/components/ui/LoadingIndicator.js

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