@react-pdf-kit/viewer 2.0.0-beta.11 → 2.0.0-beta.12

package/dist/utils/hooks/useSearch.js

@@ -1,18 +1,18 @@
-import { useState as P, useRef as b, useMemo as V, useCallback as d, useEffect as Z } from "react";
-import { ScrollMode as E } from "../types.js";
-import { findMatches as et } from "../highlight.js";
-import { useVirtualScrollContext as ot } from "../../contexts/VirtualScrollContext.js";
-import { useScrollModeContext as rt } from "../../contexts/ScrollModeContext.js";
-import { useDocumentContext as nt } from "../../contexts/RPDocumentContext.js";
-import { useZoomContext as st } from "../../contexts/ZoomContext.js";
-import { u as ct } from "../../PaginationContext-9217cab4.js";
-import { useViewModeContext as it } from "../../contexts/ViewModeContext.js";
-import { useDimensionPagesContext as at } from "../../contexts/DimensionPagesContext.js";
-import { useLayoutContainer as mt } from "../../contexts/LayoutContainerContext.js";
-import { getScrollDistance as _ } from "../getScrollDistance.js";
-import { getWordPositionInPage as ut } from "../getWordPositionInPage.js";
-import { usePagesRotateContext as pt } from "../../contexts/PagesRotateContext.js";
-import "../../th_TH-d627cd51.js";
+import { useState as C, useRef as b, useMemo as H, useCallback as I, useEffect as z } from "react";
+import { ScrollMode as N, ViewMode as rt } from "../types.js";
+import { findMatches as nt } from "../highlight.js";
+import { useVirtualScrollContext as st } from "../../contexts/VirtualScrollContext.js";
+import { useScrollModeContext as ct } from "../../contexts/ScrollModeContext.js";
+import { useDocumentContext as it } from "../../contexts/RPDocumentContext.js";
+import { useZoomContext as at } from "../../contexts/ZoomContext.js";
+import { u as mt } from "../../PaginationContext-9217cab4.js";
+import { useViewModeContext as ut } from "../../contexts/ViewModeContext.js";
+import { useDimensionPagesContext as pt } from "../../contexts/DimensionPagesContext.js";
+import { useLayoutContainer as lt } from "../../contexts/LayoutContainerContext.js";
+import { getScrollDistance as F } from "../getScrollDistance.js";
+import { getWordPositionInPage as ft } from "../getWordPositionInPage.js";
+import { usePagesRotateContext as gt } from "../../contexts/PagesRotateContext.js";
+import "../../de_DE-a553b162.js";
 import "../charators.js";
 import "react/jsx-runtime";
 import "../appConsole.js";
@@ -35,114 +35,128 @@ import "../../contexts/VirtualGridContext.js";
 import "../smoothScrollTo.js";
 import "../../contexts/SmoothScrollContext.js";
 import "../calculatePage.js";
-const Qt = (N = {}, k = "") => {
-  const [u, v] = P(k), [W, T] = P(!1), { pdf: y, pages: C } = nt(), { widths: f, heights: S } = at(), I = b(!u), { currentZoom: j } = st(), [s, g] = P([]), { setFocusedPage: O } = ct(), { columnCount: z } = it(), { pageRotate: F } = pt(), [c, i] = P(0), { pageScrollElementRef: D, virtualScrollableElementRef: G } = ot(), { scrollMode: h } = rt(), { pagesRef: R } = mt(), H = b({}), m = b(0), q = V(() => c === 0 ? null : s[c - 1], [c, s]), a = V(() => s.length, [s]), p = d(
+const Yt = (O = {}, U = "") => {
+  const [u, q] = C(U), [B, y] = C(!1), { pdf: _, pages: S } = it(), { widths: f, heights: R } = pt(), w = b(!u), { currentZoom: A } = at(), [s, g] = C([]), { setFocusedPage: D } = mt(), { columnCount: G, viewMode: V } = ut(), { pageRotate: v } = gt(), [c, i] = C(0), { pageScrollElementRef: W, virtualScrollableElementRef: Z } = st(), { scrollMode: h } = ct(), { pagesRef: L } = lt(), J = b({}), m = b(0), K = H(() => c === 0 ? null : s[c - 1], [c, s]), a = H(() => s.length, [s]), p = I(
     (e) => {
       if (e === 0)
         return;
       const t = s[e - 1];
-      if (!t || !C)
+      if (!t || !S)
         return;
-      const o = G || D;
-      if (!o || !R)
+      const o = Z || W;
+      if (!o || !L)
         return;
-      const r = C.get(t.page);
-      if (h === E.PAGE_SCROLLING && O(t.page), !r)
+      const r = S.get(t.page);
+      if (h === N.PAGE_SCROLLING && D(t.page), !r)
         return;
       let n = 0, l = 0;
-      if (h === E.VERTICAL_SCROLLING) {
-        const x = t.page - 1, M = z, $ = x % M, tt = Math.floor(x / M);
-        n = _(S, tt), l = _(f, $);
+      if (h === N.VERTICAL_SCROLLING) {
+        const d = t.page - 1, M = G;
+        let x, P;
+        if (V === rt.DUAL_PAGE_WITH_COVER)
+          if (t.page === 1)
+            x = 0, P = 0;
+          else {
+            const k = t.page - 2;
+            x = k % 2, P = Math.floor(k / 2) + 1;
+          }
+        else
+          x = d % M, P = Math.floor(d / M);
+        n = F(R, P), l = F(f, x);
       }
-      h === E.HORIZONTAL_SCROLLING && (l = f.slice(0, t.page - 1).reduce((x, M) => x + M, 0));
-      const L = {
-        height: S[t.page - 1],
+      h === N.HORIZONTAL_SCROLLING && (l = f.slice(0, t.page - 1).reduce((d, M) => d + M, 0));
+      const E = {
+        height: R[t.page - 1],
         width: f[t.page - 1]
-      }, w = F[t.page], { leftInPage: K, topInPage: Q } = ut(
+      }, T = v[t.page], { leftInPage: Y, topInPage: $ } = ft(
+        E,
         L,
-        R,
         t.rect,
-        j,
-        w
-      ), U = l + K, X = n + Q, Y = {
-        left: Math.max(U, 0),
-        top: Math.max(X, 0)
+        A,
+        T
+      ), tt = l + Y, et = n + $, ot = {
+        left: Math.max(tt, 0),
+        top: Math.max(et, 0)
       };
       o.scrollTo({
-        ...Y,
+        ...ot,
         behavior: "smooth"
       });
     },
     [
-      C,
-      O,
-      f,
       S,
-      h,
-      G,
       D,
+      f,
       R,
-      s
+      h,
+      V,
+      G,
+      Z,
+      W,
+      L,
+      s,
+      A,
+      v
     ]
   );
-  Z(() => {
+  z(() => {
     c && p(c);
   }, [c]);
-  const B = d(() => {
+  const Q = I(() => {
     i((e) => {
       let t;
       return a ? e + 1 > a ? t = 1 : t = e + 1 : t = 0, m.current = t, t;
     }), m.current === 1 && p(m.current);
-  }, [a, p]), J = d(() => {
+  }, [a, p]), X = I(() => {
     i((e) => {
       let t;
       return a ? e - 1 <= 0 ? t = a : t = e - 1 : t = 0, m.current = t, t;
     }), m.current === 1 && p(m.current);
-  }, [a, p]), A = d(async (e) => {
+  }, [a, p]), j = I(async (e) => {
     if (!e)
       return {};
     const t = e.numPages, o = {};
     for (let r = 1; r <= t; r++) {
-      if (I.current)
+      if (w.current)
         throw "close pop over";
       const n = await e.getPage(r);
       o[r.toString()] = await n.getTextContent();
     }
     return o;
   }, []);
-  return Z(() => {
+  return z(() => {
     if (!u) {
-      I.current = !0, g([]), i(0);
+      w.current = !0, g([]), i(0);
       return;
     }
-    I.current = !1, T(!0), g([]), i(0), A(y).then((e) => {
-      H.current = e;
+    w.current = !1, y(!0), g([]), i(0), j(_).then((e) => {
+      J.current = e;
       const o = Object.keys(e).reduce((r, n) => {
-        const l = et(
+        const l = nt(
           [u],
           e[n],
           Number(n) - 1,
-          N
-        ).map((L, w) => ({ ...L, page: Number(n), pageMatchIdx: w }));
+          O
+        ).map((E, T) => ({ ...E, page: Number(n), pageMatchIdx: T }));
         return [...r, ...l];
       }, []);
       g(o), i(o.length ? 1 : 0);
     }).catch(() => {
       g([]), i(0);
-    }).finally(() => T(!1));
-  }, [u, A, y, N]), {
+    }).finally(() => y(!1));
+  }, [u, j, _, O]), {
     search: u,
-    setSearch: v,
-    loading: W,
+    setSearch: q,
+    loading: B,
     matches: s,
     totalMatches: a,
     currentMatchPosition: c,
-    currentMatch: q,
-    nextMatch: B,
-    prevMatch: J,
+    currentMatch: K,
+    nextMatch: Q,
+    prevMatch: X,
     setCurrentMatchPosition: i
   };
 };
 export {
-  Qt as useSearch
+  Yt as useSearch
 };

package/dist/utils/hooks/useTextSelection.js

@@ -0,0 +1,76 @@
+import { useCallback as p, useEffect as b } from "react";
+const D = ({ onTextSelect: s, pagesRef: n }) => {
+  const f = p(() => {
+    const e = n == null ? void 0 : n.querySelectorAll('[data-rp$="-textLayer"]');
+    return e ? Array.from(e) : [];
+  }, [n]), N = p(() => {
+    const e = document.getSelection();
+    if (!e || e.rangeCount === 0 || e.toString().trim() === "")
+      return null;
+    const E = e.toString(), a = /* @__PURE__ */ new Map(), O = f();
+    for (let i = 0; i < e.rangeCount; i++) {
+      const t = e.getRangeAt(i);
+      O.forEach((d) => {
+        if (t.intersectsNode(d)) {
+          const g = d.getAttribute("data-rp"), T = g == null ? void 0 : g.match(/page-(\d+)-textLayer/);
+          if (T) {
+            const h = parseInt(T[1]), C = d.closest('[data-rp*="page-"]');
+            if (!C)
+              return;
+            const c = C.getBoundingClientRect();
+            a.has(h) || a.set(h, {
+              rects: [],
+              pageRect: c
+            });
+            const y = a.get(h), _ = document.createTreeWalker(d, NodeFilter.SHOW_TEXT, null);
+            let u;
+            for (; u = _.nextNode(); )
+              if (t.intersectsNode(u) && u.parentElement) {
+                const o = document.createRange();
+                o.selectNodeContents(u);
+                const A = t.compareBoundaryPoints(Range.START_TO_START, o) > 0 ? t.startContainer : o.startContainer, B = t.compareBoundaryPoints(Range.START_TO_START, o) > 0 ? t.startOffset : o.startOffset, R = t.compareBoundaryPoints(Range.END_TO_END, o) < 0 ? t.endContainer : o.endContainer, S = t.compareBoundaryPoints(Range.END_TO_END, o) < 0 ? t.endOffset : o.endOffset, m = document.createRange();
+                m.setStart(A, B), m.setEnd(R, S);
+                const r = m.getBoundingClientRect();
+                if (r.width === 0 || r.height === 0)
+                  continue;
+                const P = {
+                  left: r.left - c.left,
+                  top: r.top - c.top,
+                  right: r.right - c.left,
+                  bottom: r.bottom - c.top,
+                  width: r.width,
+                  height: r.height
+                };
+                y.rects.push(P);
+              }
+          }
+        }
+      });
+    }
+    const w = Array.from(a.entries()).sort(([i], [t]) => i - t).map(([i, t]) => ({
+      pageNumber: i,
+      pageBasedBoundingRects: t.rects,
+      pageDimension: {
+        width: t.pageRect.width,
+        height: t.pageRect.height
+      },
+      pagePositionInWindow: {
+        x: t.pageRect.left,
+        y: t.pageRect.top
+      }
+    }));
+    return {
+      text: E,
+      pageSelections: w
+    };
+  }, [f]), l = p(() => {
+    const e = N();
+    e && (s == null || s(e));
+  }, [N, s]);
+  b(() => (n == null || n.addEventListener("pointerup", l), () => {
+    n == null || n.removeEventListener("pointerup", l);
+  }), [n, l]);
+};
+export {
+  D as useTextSelection
+};

package/dist/utils/hooks/useThumbnail.js

@@ -5,7 +5,7 @@ import "react/jsx-runtime";
 import "./useLoadPdf.js";
 import "pdfjs-dist";
 import "../types.js";
-import "../../th_TH-d627cd51.js";
+import "../../de_DE-a553b162.js";
 import "../../contexts/ConfigContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../appConsole.js";

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -1,12 +1,12 @@
-import { useMemo as i, useCallback as a, useEffect as R } from "react";
-import { ScrollMode as p, ViewMode as G } from "../types.js";
-import { useScrollModeContext as H } from "../../contexts/ScrollModeContext.js";
-import { useViewModeContext as O } from "../../contexts/ViewModeContext.js";
-import { useVirtualGridContext as S } from "../../contexts/VirtualGridContext.js";
-import { useVirtualScrollContext as A } from "../../contexts/VirtualScrollContext.js";
-import { useDimensionPagesContext as D } from "../../contexts/DimensionPagesContext.js";
-import { getGridDimension as P } from "../calculatePage.js";
-import "../../th_TH-d627cd51.js";
+import { useMemo as m, useCallback as _, useEffect as R } from "react";
+import { ScrollMode as C, ViewMode as g } from "../types.js";
+import { useScrollModeContext as x } from "../../contexts/ScrollModeContext.js";
+import { useViewModeContext as G } from "../../contexts/ViewModeContext.js";
+import { useVirtualGridContext as H } from "../../contexts/VirtualGridContext.js";
+import { useVirtualScrollContext as M } from "../../contexts/VirtualScrollContext.js";
+import { useDimensionPagesContext as O } from "../../contexts/DimensionPagesContext.js";
+import { getGridDimension as V } from "../calculatePage.js";
+import "../../de_DE-a553b162.js";
 import "react/jsx-runtime";
 import "../appConsole.js";
 import "../../contexts/InitialStateContext.js";
@@ -28,51 +28,69 @@ import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/EventCallbackContext.js";
 import "./useDebounce.js";
 import "../../contexts/PagesRotateContext.js";
-const st = () => {
-  const { viewMode: d } = O(), { scrollMode: n } = H(), { setColumnCount: g } = S(), { virtualScrollableElementRef: C } = A(), o = D(), s = i(() => o.heights.length, [o.heights]), r = i(() => n === p.HORIZONTAL_SCROLLING ? s : d === G.DUAL_PAGE ? 2 : 1, [d, n, n, s, C]), c = i(() => o.widths.reduce((t, l, h) => {
-    const m = h % r;
-    return (!t[m] || l > t[m]) && (t[m] = l), t;
-  }, []), [o.widths, r]), f = a(
+const ct = () => {
+  const { viewMode: n } = G(), { scrollMode: c } = x(), { setColumnCount: f } = H(), { virtualScrollableElementRef: w } = M(), t = O(), l = m(() => t.heights.length, [t.heights]), o = m(() => c === C.HORIZONTAL_SCROLLING ? l : n === g.DUAL_PAGE || n === g.DUAL_PAGE_WITH_COVER ? 2 : 1, [n, c, c, l, w]), d = m(() => {
+    if (n === g.DUAL_PAGE_WITH_COVER && t.widths.length > 0) {
+      const i = [0, 0];
+      return t.widths.forEach((u, a) => {
+        const s = a + 1;
+        if (s === 1)
+          return;
+        const h = s % 2 === 0 ? 0 : 1;
+        i[h] = Math.max(i[h] || 0, u);
+      }), i;
+    }
+    return t.widths.reduce((i, u, a) => {
+      const s = a % o;
+      return (!i[s] || u > i[s]) && (i[s] = u), i;
+    }, []);
+  }, [t.widths, o, n]), I = _(
     (e) => {
-      const t = e % c.length;
-      return c[t] || 0;
+      const r = e % d.length;
+      return d[r] || 0;
     },
-    [c]
-  ), w = a(
+    [d]
+  ), P = _(
     (e) => {
-      const t = Array.from({ length: r }, (l, h) => {
-        const m = e * r + h;
-        return o.heights[m] || 0;
+      if (n === g.DUAL_PAGE_WITH_COVER) {
+        if (e === 0)
+          return t.heights[0] || 0;
+        const u = 1 + (e - 1) * o + 1, s = Array.from({ length: o }, (h, E) => u + E - 1).filter((h) => h < t.heights.length).map((h) => t.heights[h] || 0);
+        return Math.max(...s, 0);
+      }
+      const i = Array.from({ length: o }, (u, a) => {
+        const s = e * o + a;
+        return t.heights[s] || 0;
       });
-      return Math.max(...t);
+      return Math.max(...i);
     },
-    [o.heights, r]
+    [t.heights, o, n]
   );
   R(() => {
-    g(r);
-  }, [r, g]);
-  const x = i(() => n === p.HORIZONTAL_SCROLLING || n === p.PAGE_SCROLLING ? 1 : Math.round(s / r), [r, s, n]), L = i(() => o.heights.reduce((e, t) => e + t, 0) / o.heights.length || 0, [o]), I = i(() => o.widths.reduce((e, t) => e + t, 0) / o.widths.length || 0, [o]), u = i(() => {
-    const { rowsHeight: e, columnsWidth: t } = P(o, r);
+    f(o);
+  }, [o, f]);
+  const A = m(() => c === C.HORIZONTAL_SCROLLING || c === C.PAGE_SCROLLING ? 1 : n === g.DUAL_PAGE_WITH_COVER && l > 0 ? 1 + Math.ceil((l - 1) / o) : Math.round(l / o), [o, l, c, n]), L = m(() => t.heights.reduce((e, r) => e + r, 0) / t.heights.length || 0, [t]), D = m(() => t.widths.reduce((e, r) => e + r, 0) / t.widths.length || 0, [t]), p = m(() => {
+    const e = n === g.DUAL_PAGE_WITH_COVER, { rowsHeight: r, columnsWidth: i } = V(t, o, e);
     return {
-      rowsHeight: e,
-      columnsWidth: t
+      rowsHeight: r,
+      columnsWidth: i
     };
-  }, [o, r]), M = i(() => ({
-    width: u.columnsWidth.reduce((e, t) => e + t, 0),
-    height: u.rowsHeight.reduce((e, t) => e + t, 0)
-  }), [u]);
+  }, [t, o, n]), W = m(() => ({
+    width: p.columnsWidth.reduce((e, r) => e + r, 0),
+    height: p.rowsHeight.reduce((e, r) => e + r, 0)
+  }), [p]);
   return {
-    rowCount: x,
-    rowHeight: w,
-    columnCount: r,
-    columnWidth: f,
-    pageDimension: o,
+    rowCount: A,
+    rowHeight: P,
+    columnCount: o,
+    columnWidth: I,
+    pageDimension: t,
     estimatedRowHeight: L,
-    estimatedColumnWidth: I,
-    gridDimension: u,
-    totalDimension: M
+    estimatedColumnWidth: D,
+    gridDimension: p,
+    totalDimension: W
   };
 };
 export {
-  st as useVirtualReactWindow
+  ct as useVirtualReactWindow
 };

package/dist/utils/types.js

@@ -1,21 +1,22 @@
-import { e as r, z as _, i as R, p as o, t as p } from "../th_TH-d627cd51.js";
-var D = /* @__PURE__ */ ((O) => (O[O.Text = 1] = "Text", O[O.Link = 2] = "Link", O[O.FreeText = 3] = "FreeText", O[O.Line = 4] = "Line", O[O.Square = 5] = "Square", O[O.Circle = 6] = "Circle", O[O.Polygon = 7] = "Polygon", O[O.Polyline = 8] = "Polyline", O[O.Highlight = 9] = "Highlight", O[O.Underline = 10] = "Underline", O[O.Squiggly = 11] = "Squiggly", O[O.StrikeOut = 12] = "StrikeOut", O[O.Stamp = 13] = "Stamp", O[O.Caret = 14] = "Caret", O[O.Ink = 15] = "Ink", O[O.Popup = 16] = "Popup", O[O.FileAttachment = 17] = "FileAttachment", O[O.Widget = 20] = "Widget", O))(D || {}), N = /* @__PURE__ */ ((O) => (O.INTERNAL_LINK = "internal-link", O.LINK = "link", O.FILE_ATTACHMENT = "file-attachment", O.FORM_TEXT = "form-text", O.FORM_SELECT = "form-select", O.FORM_CHECKBOX = "form-checkbox", O.FORM_RADIO = "form-radio", O.FORM_BUTTON = "form-button", O.BUTTON = "button", O))(N || {}), E = /* @__PURE__ */ ((O) => (O.NOT_SUPPORTED = "not-supported", O))(E || {}), I = /* @__PURE__ */ ((O) => (O.ACTUAL = "Actual Size", O.PAGE_FIT = "Page Fit", O.PAGE_WIDTH = "Page Width", O))(I || {}), L = /* @__PURE__ */ ((O) => (O.Organization = "organization", O.Developer = "developer", O.FreeTrial = "free-trial", O))(L || {}), d = /* @__PURE__ */ ((O) => (O.SINGLE_PAGE = "Single", O.DUAL_PAGE = "Dual", O))(d || {}), C = /* @__PURE__ */ ((O) => (O.FONT_FAMILY = "--rp-font-family", O.PRIMARY_COLOR = "--rp-primary-color", O.BORDER_RADIUS = "--rp-border-radius", O.TEXT_COLOR = "--rp-text-color", O.OUTLINE_COLOR = "--rp-outline-color", O.FONT_SIZE = "--rp-font-size", O.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", O.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", O.ICON_DISABLED = "--rp-icon-disabled", O.ICON_FONT_SIZE = "--rp-icon-font-size", O.TOOLBAR_BACKGROUND = "--rp-toolbar-background", O.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", O.TOOLBAR_PADDING = "--rp-toolbar-padding", O.TOOLBAR_GAP = "--rp-toolbar-gap", O.TOOLBAR_SIZE = "--rp-toolbar-size", O.SIDEBAR_WIDTH = "--rp-sidebar-width", O.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", O.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", O.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", O.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", O.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", O.BUTTON_PADDING = "--rp-button-padding", O.INPUT_PADDING = "--rp-input-padding", O.INPUT_BORDER_RADIUS = "--rp-input-border-radius", O.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", O.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", O.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", O.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", O.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", O.DROPDOWN_PADDING = "--rp-dropdown-padding", O.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", O.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", O.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", O.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", O.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", O.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", O.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", O.POPOVER_FONT_SIZE = "--rp-popover-font-size", O.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", O.POPOVER_COLOR = "--rp-popover-color", O.POPOVER_BORDER_COLOR = "--rp-popover-border-color", O.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", O.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", O.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", O.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", O.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", O.PROPERTY_ITEM_GAP = "--rp-property-item-gap", O.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", O.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", O.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", O.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", O.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", O.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", O.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", O.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", O.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", O.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", O.DROP_ZONE_BORDER = "--rp-drop-zone-border", O.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", O.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", O.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", O.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", O.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", O.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", O.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", O.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", O.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", O.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", O.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", O.TOOLTIP_FONT_COLOR = "--rp-tooltip-font-color", O.TOOLTIP_FONT_SIZE = "--rp-tooltip-font-size", O.TOOLTIP_PADDING = "--rp-tooltip-padding", O.PASSWORD_MODAL_BACKGROUND_COLOR = "--rp-password-background-color", O.PASSWORD_MODAL_TITLE_FONT_COLOR = "--rp-password-title-font-color", O.PASSWORD_MODAL_CONTENT_FONT_COLOR = "--rp-password-content-font-color", O.PASSWORD_MODAL_INPUT_PLACEHOLDER_COLOR = "--rp-password-input-placeholder-color", O.PASSWORD_MODAL_INPUT_BORDER_COLOR = "--rp-password-input-border-color", O.PASSWORD_MODAL_INPUT_FONT_COLOR = "--rp-password-input-font-color", O.PASSWORD_MODAL_BUTTON_FONT_COLOR = "--rp-password-button-font-color", O.PASSWORD_MODAL_BUTTON_BACKGROUND_COLOR = "--rp-password-button-background-color", O.PASSWORD_MODAL_BUTTON_BORDER_COLOR = "--rp-password-button-border-color", O.PASSWORD_MODAL_BORDER_COLOR = "--rp-password-border-color", O.CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width", O.CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color", O.CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset", O.BUTTON_BORDER_RADIUS = "--rp-button-border-radius", O))(C || {}), P = /* @__PURE__ */ ((O) => (O.PAGE_SCROLLING = "PAGE", O.VERTICAL_SCROLLING = "VERTICAL", O.HORIZONTAL_SCROLLING = "HORIZONTAL", O))(P || {}), c = /* @__PURE__ */ ((O) => (O.TEXT = "TEXT", O.HAND = "HAND", O))(c || {});
-const A = {
+import { e as r, z as _, i as R, p as o, t as p, d as D } from "../de_DE-a553b162.js";
+var I = /* @__PURE__ */ ((O) => (O[O.Text = 1] = "Text", O[O.Link = 2] = "Link", O[O.FreeText = 3] = "FreeText", O[O.Line = 4] = "Line", O[O.Square = 5] = "Square", O[O.Circle = 6] = "Circle", O[O.Polygon = 7] = "Polygon", O[O.Polyline = 8] = "Polyline", O[O.Highlight = 9] = "Highlight", O[O.Underline = 10] = "Underline", O[O.Squiggly = 11] = "Squiggly", O[O.StrikeOut = 12] = "StrikeOut", O[O.Stamp = 13] = "Stamp", O[O.Caret = 14] = "Caret", O[O.Ink = 15] = "Ink", O[O.Popup = 16] = "Popup", O[O.FileAttachment = 17] = "FileAttachment", O[O.Widget = 20] = "Widget", O))(I || {}), N = /* @__PURE__ */ ((O) => (O.INTERNAL_LINK = "internal-link", O.LINK = "link", O.FILE_ATTACHMENT = "file-attachment", O.FORM_TEXT = "form-text", O.FORM_SELECT = "form-select", O.FORM_CHECKBOX = "form-checkbox", O.FORM_RADIO = "form-radio", O.FORM_BUTTON = "form-button", O.BUTTON = "button", O))(N || {}), L = /* @__PURE__ */ ((O) => (O.NOT_SUPPORTED = "not-supported", O))(L || {}), E = /* @__PURE__ */ ((O) => (O.ACTUAL = "Actual Size", O.PAGE_FIT = "Page Fit", O.PAGE_WIDTH = "Page Width", O))(E || {}), d = /* @__PURE__ */ ((O) => (O.Organization = "organization", O.Developer = "developer", O.FreeTrial = "free-trial", O))(d || {}), C = /* @__PURE__ */ ((O) => (O.SINGLE_PAGE = "Single", O.DUAL_PAGE = "Dual", O.DUAL_PAGE_WITH_COVER = "DualWithCover", O))(C || {}), P = /* @__PURE__ */ ((O) => (O.FONT_FAMILY = "--rp-font-family", O.PRIMARY_COLOR = "--rp-primary-color", O.BORDER_RADIUS = "--rp-border-radius", O.TEXT_COLOR = "--rp-text-color", O.OUTLINE_COLOR = "--rp-outline-color", O.FONT_SIZE = "--rp-font-size", O.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", O.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", O.ICON_DISABLED = "--rp-icon-disabled", O.ICON_FONT_SIZE = "--rp-icon-font-size", O.TOOLBAR_BACKGROUND = "--rp-toolbar-background", O.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", O.TOOLBAR_PADDING = "--rp-toolbar-padding", O.TOOLBAR_GAP = "--rp-toolbar-gap", O.TOOLBAR_SIZE = "--rp-toolbar-size", O.SIDEBAR_WIDTH = "--rp-sidebar-width", O.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", O.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", O.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", O.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", O.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", O.BUTTON_PADDING = "--rp-button-padding", O.INPUT_PADDING = "--rp-input-padding", O.INPUT_BORDER_RADIUS = "--rp-input-border-radius", O.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", O.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", O.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", O.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", O.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", O.DROPDOWN_PADDING = "--rp-dropdown-padding", O.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", O.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", O.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", O.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", O.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", O.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", O.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", O.POPOVER_FONT_SIZE = "--rp-popover-font-size", O.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", O.POPOVER_COLOR = "--rp-popover-color", O.POPOVER_BORDER_COLOR = "--rp-popover-border-color", O.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", O.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", O.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", O.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", O.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", O.PROPERTY_ITEM_GAP = "--rp-property-item-gap", O.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", O.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", O.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", O.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", O.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", O.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", O.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", O.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", O.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", O.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", O.DROP_ZONE_BORDER = "--rp-drop-zone-border", O.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", O.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", O.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", O.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", O.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", O.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", O.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", O.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", O.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", O.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", O.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", O.TOOLTIP_FONT_COLOR = "--rp-tooltip-font-color", O.TOOLTIP_FONT_SIZE = "--rp-tooltip-font-size", O.TOOLTIP_PADDING = "--rp-tooltip-padding", O.PASSWORD_MODAL_BACKGROUND_COLOR = "--rp-password-background-color", O.PASSWORD_MODAL_TITLE_FONT_COLOR = "--rp-password-title-font-color", O.PASSWORD_MODAL_CONTENT_FONT_COLOR = "--rp-password-content-font-color", O.PASSWORD_MODAL_INPUT_PLACEHOLDER_COLOR = "--rp-password-input-placeholder-color", O.PASSWORD_MODAL_INPUT_BORDER_COLOR = "--rp-password-input-border-color", O.PASSWORD_MODAL_INPUT_FONT_COLOR = "--rp-password-input-font-color", O.PASSWORD_MODAL_BUTTON_FONT_COLOR = "--rp-password-button-font-color", O.PASSWORD_MODAL_BUTTON_BACKGROUND_COLOR = "--rp-password-button-background-color", O.PASSWORD_MODAL_BUTTON_BORDER_COLOR = "--rp-password-button-border-color", O.PASSWORD_MODAL_BORDER_COLOR = "--rp-password-border-color", O.CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width", O.CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color", O.CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset", O.BUTTON_BORDER_RADIUS = "--rp-button-border-radius", O.SKIP_LINK_FONT_SIZE = "--rp-skip-link-font-size", O.SKIP_LINK_COLOR = "--rp-skip-link-color", O.SKIP_LINK_BACKGROUND_COLOR = "--rp-skip-link-background-color", O.SKIP_LINK_BORDER_COLOR = "--rp-skip-link-border-color", O))(P || {}), c = /* @__PURE__ */ ((O) => (O.PAGE_SCROLLING = "PAGE", O.VERTICAL_SCROLLING = "VERTICAL", O.HORIZONTAL_SCROLLING = "HORIZONTAL", O))(c || {}), t = /* @__PURE__ */ ((O) => (O.TEXT = "TEXT", O.HAND = "HAND", O))(t || {});
+const U = {
   en_US: r,
   zh_CN: _,
   it_IT: R,
   pt_PT: o,
-  th_TH: p
+  th_TH: p,
+  de_DE: D
 };
 export {
-  D as AnnotationSubType,
+  I as AnnotationSubType,
   N as AnnotationType,
-  E as ErrorType,
-  L as LicenseType,
-  A as Locales,
-  P as ScrollMode,
-  c as SelectionMode,
-  C as ThemeVariables,
-  d as ViewMode,
-  I as ZoomLevel
+  L as ErrorType,
+  d as LicenseType,
+  U as Locales,
+  c as ScrollMode,
+  t as SelectionMode,
+  P as ThemeVariables,
+  C as ViewMode,
+  E as ZoomLevel
 };

package/dist/utils/withRef.js

@@ -1,8 +1,8 @@
-import { forwardRef as o } from "react";
-const s = (e) => o ? o((r, t) => e(r, t)) : (r) => {
-  const { ref: t, ...f } = r;
-  return e(f, t);
+import { forwardRef as r } from "react";
+const c = (o) => r ? r(o) : (t) => {
+  const { ref: n, ...e } = t;
+  return o(e, n);
 };
 export {
-  s as withRef
+  c as withRef
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "2.0.0-beta.11",
+  "version": "2.0.0-beta.12",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [
@@ -51,6 +51,7 @@
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@rollup/plugin-commonjs": "^28.0.1",
+    "@tanstack/eslint-plugin-query": "^5.60.1",
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
     "@types/react-window": "^1.8.8",
@@ -68,9 +69,7 @@
     "postcss": "^8.4.47",
     "postcss-load-config": "^6.0.1",
     "rollup-plugin-postcss": "^4.0.2",
-    "react": "^18.2.0",
     "react-devtools": "^6.1.0",
-    "react-dom": "^18.2.0",
     "rollup": "^4.24.2",
     "typescript": "^5.0.2",
     "vite": "^4.4.0",

package/dist/Paginate.module-206a7d7d.js

@@ -1,8 +0,0 @@
-const p = {
-  "rp-paginate": "_rp-paginate_1gck0_1",
-  "rp-page-input": "_rp-page-input_1gck0_6",
-  "rp-total-page": "_rp-total-page_1gck0_18"
-};
-export {
-  p as c
-};

package/dist/RPLayout.module-967bf4bc.js

@@ -1,13 +0,0 @@
-const r = {
-  "rp-layout": "_rp-layout_1e7yi_1",
-  "rp-layout-wrapper": "_rp-layout-wrapper_1e7yi_5",
-  "rp-content": "_rp-content_1e7yi_11",
-  "rp-pages": "_rp-pages_1e7yi_17",
-  "rp-container": "_rp-container_1e7yi_22",
-  "rp-loader": "_rp-loader_1e7yi_26",
-  "rp-theme-variables": "_rp-theme-variables_1e7yi_30",
-  "rp-dark-mode": "_rp-dark-mode_1e7yi_141"
-};
-export {
-  r as c
-};

package/dist/ToolbarLayout.module-1fee0a18.js

@@ -1,11 +0,0 @@
-const r = {
-  "rp-toolbar-layout": "_rp-toolbar-layout_vwobs_1",
-  "rp-content": "_rp-content_vwobs_7",
-  "rp-topbar-content": "_rp-topbar-content_vwobs_13",
-  "rp-sidebar-content": "_rp-sidebar-content_vwobs_22",
-  "rp-pages": "_rp-pages_vwobs_32",
-  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_vwobs_37"
-};
-export {
-  r as c
-};