@pdf-viewer/react 1.9.1-rc.3 → 1.9.1-rc.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{ToolbarLayout.module-20b830dd.js → ToolbarLayout.module-e532b211.js} +774 -760
- package/dist/assets/ToolbarLayout.css +1 -1
- package/dist/components/RPController.js +1 -1
- package/dist/components/RPPages.js +1 -1
- package/dist/components/layout/LayoutContainer.js +1 -1
- package/dist/components/layout/RPDefaultLayout.js +1 -1
- package/dist/components/layout/RPLayout.js +1 -1
- package/dist/components/layout/sidebar/RPSidebar.js +1 -1
- package/dist/components/layout/sidebar/Thumbnail.js +1 -1
- package/dist/components/layout/sidebar/Thumbnails.js +1 -1
- package/dist/components/layout/toolbar/DocumentDialog.js +1 -1
- package/dist/components/layout/toolbar/FileDownloadTool.js +1 -1
- package/dist/components/layout/toolbar/MostPageTool.js +1 -1
- package/dist/components/layout/toolbar/OtherTool.js +1 -1
- package/dist/components/layout/toolbar/Paginate.js +1 -1
- package/dist/components/layout/toolbar/PrintTool.js +1 -1
- package/dist/components/layout/toolbar/RPToolbar.js +1 -1
- package/dist/components/layout/toolbar/RPToolbarEnd.js +1 -1
- package/dist/components/layout/toolbar/SearchResultNavigator.js +1 -1
- package/dist/components/layout/toolbar/SearchTool.js +1 -1
- package/dist/components/layout/toolbar/ThumbnailTool.js +1 -1
- package/dist/components/layout/toolbar/ToolbarCustom.js +1 -1
- package/dist/components/layout/toolbar/ToolbarDefault.js +1 -1
- package/dist/components/layout/toolbar/ZoomTool.js +86 -69
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +1 -1
- package/dist/components/layout/toolbar/tools/InputPageTool.js +1 -1
- package/dist/components/layout/toolbar/tools/NextPageTool.js +1 -1
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +1 -1
- package/dist/components/layout/toolbar/tools/PrintTool.js +1 -1
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +1 -1
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +1 -1
- package/dist/components/page/AnnotationLayer.js +1 -1
- package/dist/components/page/CanvasLayer.js +1 -1
- package/dist/components/page/DualPage.js +1 -1
- package/dist/components/page/RPPage.js +1 -1
- package/dist/components/page/SinglePage.js +1 -1
- package/dist/components/page/TextHighlightLayer.js +1 -1
- package/dist/components/page/TextLayer.js +1 -1
- package/dist/components/ui/LoadingIndicator.js +1 -1
- package/dist/contexts/PaginationContext.js +1 -1
- package/dist/contexts/PrintContext.js +1 -1
- package/dist/contexts/RPDocumentContext.js +31 -29
- package/dist/contexts/RenderQueueProvider.js +1 -1
- package/dist/contexts/SearchContext.js +1 -1
- package/dist/contexts/ThumbnailsContext.js +1 -1
- package/dist/contexts/ZoomContext.js +22 -22
- package/dist/main.js +1 -1
- package/dist/types/utils/hooks/useLoadPdf.d.ts +2 -1
- package/dist/types/utils/types.d.ts +4 -0
- package/dist/utils/getZoomLevel.js +9 -9
- package/dist/utils/hooks/useFileDownload.js +1 -1
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/useLoadPdf.js +64 -57
- package/dist/utils/hooks/usePaginate.js +1 -1
- package/dist/utils/hooks/usePresentPage.js +1 -1
- package/dist/utils/hooks/usePrint.js +1 -1
- package/dist/utils/hooks/useScrollToPage.js +1 -1
- package/dist/utils/hooks/useSearch.js +1 -1
- package/dist/utils/hooks/useThumbnail.js +1 -1
- package/dist/utils/hooks/useVirtualReactWindow.js +1 -1
- package/dist/utils/types.js +10 -9
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { G as mo } from "../../ToolbarLayout.module-
|
|
3
|
+
import { G as mo } from "../../ToolbarLayout.module-e532b211.js";
|
|
4
4
|
import "../../contexts/RPDocumentContext.js";
|
|
5
5
|
import "../../contexts/DocumentPasswordContext.js";
|
|
6
6
|
import "../../contexts/DarkModeContext.js";
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../contexts/RPDocumentContext.js";
|
|
4
4
|
import "../../contexts/DocumentPasswordContext.js";
|
|
5
|
-
import { F as ir } from "../../ToolbarLayout.module-
|
|
5
|
+
import { F as ir } from "../../ToolbarLayout.module-e532b211.js";
|
|
6
6
|
import "../../contexts/DarkModeContext.js";
|
|
7
7
|
import "../../contexts/RotationContext.js";
|
|
8
8
|
import "../../contexts/LayerContext.js";
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../contexts/RPDocumentContext.js";
|
|
4
4
|
import "../../contexts/DocumentPasswordContext.js";
|
|
5
|
-
import { D as tr } from "../../ToolbarLayout.module-
|
|
5
|
+
import { D as tr } from "../../ToolbarLayout.module-e532b211.js";
|
|
6
6
|
import "../../contexts/DarkModeContext.js";
|
|
7
7
|
import "../../contexts/RotationContext.js";
|
|
8
8
|
import "../../contexts/LayerContext.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { s as p, P as e, u as s } from "../ToolbarLayout.module-
|
|
3
|
+
import { s as p, P as e, u as s } from "../ToolbarLayout.module-e532b211.js";
|
|
4
4
|
import "./RPDocumentContext.js";
|
|
5
5
|
import "../utils/appConsole.js";
|
|
6
6
|
import "./GlobalCurrentPage.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { createContext as
|
|
3
|
-
import { useLoadPdf as
|
|
4
|
-
import { usePdfProperties as
|
|
5
|
-
import { appConsole as
|
|
6
|
-
const
|
|
1
|
+
import { jsx as C } from "react/jsx-runtime";
|
|
2
|
+
import { createContext as h, useState as m, useEffect as v, useMemo as S, useContext as D } from "react";
|
|
3
|
+
import { useLoadPdf as F } from "../utils/hooks/useLoadPdf.js";
|
|
4
|
+
import { usePdfProperties as M } from "../utils/hooks/usePdfProperties.js";
|
|
5
|
+
import { appConsole as j } from "../utils/appConsole.js";
|
|
6
|
+
const u = h({
|
|
7
7
|
pdf: void 0,
|
|
8
8
|
pages: /* @__PURE__ */ new Map(),
|
|
9
9
|
setPdfSrc: () => {
|
|
@@ -11,39 +11,41 @@ const m = C({
|
|
|
11
11
|
setFilename: () => {
|
|
12
12
|
},
|
|
13
13
|
loading: !1,
|
|
14
|
-
loaderProgress: 0
|
|
15
|
-
|
|
14
|
+
loaderProgress: 0,
|
|
15
|
+
error: void 0
|
|
16
|
+
}), b = ({
|
|
16
17
|
children: t,
|
|
17
18
|
src: e,
|
|
18
|
-
characterMap:
|
|
19
|
-
onLoadError:
|
|
20
|
-
onLoaded:
|
|
19
|
+
characterMap: c,
|
|
20
|
+
onLoadError: P,
|
|
21
|
+
onLoaded: g
|
|
21
22
|
}) => {
|
|
22
|
-
const [o, n] =
|
|
23
|
-
onLoadError:
|
|
24
|
-
onLoaded:
|
|
25
|
-
}),
|
|
26
|
-
|
|
23
|
+
const [o, n] = m(e), [s, i] = m(), { pdf: r, pages: d, loading: p, loadingProgress: f, error: a } = F(o, c, {
|
|
24
|
+
onLoadError: P,
|
|
25
|
+
onLoaded: g
|
|
26
|
+
}), l = M(o, r, s);
|
|
27
|
+
v(() => {
|
|
27
28
|
i(e == null ? void 0 : e.split("/").pop()), n(e);
|
|
28
29
|
}, [e]);
|
|
29
|
-
const
|
|
30
|
+
const x = S(() => ({
|
|
30
31
|
pdf: r,
|
|
31
|
-
pages:
|
|
32
|
+
pages: d,
|
|
32
33
|
pdfSrc: o,
|
|
33
34
|
setPdfSrc: n,
|
|
34
|
-
pdfProperties:
|
|
35
|
+
pdfProperties: l,
|
|
35
36
|
setFilename: i,
|
|
36
37
|
filename: s,
|
|
37
|
-
loading:
|
|
38
|
-
loaderProgress: f
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
38
|
+
loading: p,
|
|
39
|
+
loaderProgress: f,
|
|
40
|
+
error: a
|
|
41
|
+
}), [r, d, o, l, p, f, a]);
|
|
42
|
+
return /* @__PURE__ */ C(u.Provider, { value: x, children: o ? t : null });
|
|
43
|
+
}, q = () => {
|
|
44
|
+
const t = D(u);
|
|
45
|
+
return t.pdfSrc || j.error("Please use this hooks inside children component of RPDocument"), t;
|
|
44
46
|
};
|
|
45
47
|
export {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
48
|
+
b as DocumentProvider,
|
|
49
|
+
u as default,
|
|
50
|
+
q as useDocumentContext
|
|
49
51
|
};
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import "../utils/Queue.js";
|
|
4
4
|
import "../utils/renderPage.js";
|
|
5
|
-
import { A as m, g as p, B as d } from "../ToolbarLayout.module-
|
|
5
|
+
import { A as m, g as p, B as d } from "../ToolbarLayout.module-e532b211.js";
|
|
6
6
|
export {
|
|
7
7
|
m as RenderQueueContext,
|
|
8
8
|
p as RenderQueueProvider,
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { createContext as
|
|
3
|
-
import { ZoomLevel as
|
|
4
|
-
import { appConsole as
|
|
5
|
-
import { useInitialStateContext as
|
|
6
|
-
import { useDocumentContext as
|
|
7
|
-
import { PAGE_PADDING as
|
|
1
|
+
import { jsx as H } from "react/jsx-runtime";
|
|
2
|
+
import { createContext as N, useContext as S, useState as u, useRef as E, useEffect as a, useCallback as x, useMemo as C } from "react";
|
|
3
|
+
import { ZoomLevel as G } from "../utils/types.js";
|
|
4
|
+
import { appConsole as R } from "../utils/appConsole.js";
|
|
5
|
+
import { useInitialStateContext as A } from "./InitialStateContext.js";
|
|
6
|
+
import { useDocumentContext as I } from "./RPDocumentContext.js";
|
|
7
|
+
import { PAGE_PADDING as M } from "../utils/constants.js";
|
|
8
8
|
import { getZoomLevel as O } from "../utils/getZoomLevel.js";
|
|
9
9
|
import { useLayoutContainer as J } from "./LayoutContainerContext.js";
|
|
10
10
|
import { useViewModeContext as _ } from "./ViewModeContext.js";
|
|
11
11
|
import { useRotationContext as j } from "./RotationContext.js";
|
|
12
12
|
import { useGlobalCurrentPage as F } from "./GlobalCurrentPage.js";
|
|
13
|
-
const
|
|
13
|
+
const L = N({
|
|
14
14
|
zoomLevel: 100,
|
|
15
15
|
currentZoom: 1,
|
|
16
16
|
setZoomLevel: () => {
|
|
17
17
|
}
|
|
18
18
|
}), ne = () => {
|
|
19
|
-
const c =
|
|
20
|
-
return typeof c.currentZoom != "number" &&
|
|
19
|
+
const c = S(L);
|
|
20
|
+
return typeof c.currentZoom != "number" && R.warn("Please use this hooks inside children component of RPProvider"), c;
|
|
21
21
|
}, re = ({ children: c }) => {
|
|
22
|
-
const { initialScale:
|
|
22
|
+
const { initialScale: w = G.PAGE_FIT } = A(), [r, f] = u(w), { pages: l } = I(), { pagesRef: o } = J(), { viewMode: p } = _(), [h, W] = u((o == null ? void 0 : o.clientWidth) || 0), { rotate: d } = j(), [n, b] = u(null), g = E(null), { currentPage: v } = F(), [P, V] = u(v);
|
|
23
23
|
a(() => {
|
|
24
24
|
let e = l.get(P);
|
|
25
25
|
e || (e = l.get(1));
|
|
@@ -27,12 +27,12 @@ const w = S({
|
|
|
27
27
|
scale: 1,
|
|
28
28
|
rotation: e.defaultRotation + d
|
|
29
29
|
});
|
|
30
|
-
t && JSON.stringify(t) !== JSON.stringify(g.current) && (g.current = t,
|
|
30
|
+
t && JSON.stringify(t) !== JSON.stringify(g.current) && (g.current = t, b(t));
|
|
31
31
|
}, [l, d, P]);
|
|
32
32
|
const Z = x(() => {
|
|
33
33
|
if (!n)
|
|
34
34
|
return null;
|
|
35
|
-
const e = ((n == null ? void 0 : n.width) || 0) + 2 *
|
|
35
|
+
const e = ((n == null ? void 0 : n.width) || 0) + 2 * M, t = (n == null ? void 0 : n.height) || 0, i = (o == null ? void 0 : o.clientWidth) || 0, s = (o == null ? void 0 : o.clientHeight) || 0;
|
|
36
36
|
return { pageWidth: e, pageHeight: t, clientWidth: i, clientHeight: s };
|
|
37
37
|
}, [n]), m = C(() => {
|
|
38
38
|
const e = Z();
|
|
@@ -40,36 +40,36 @@ const w = S({
|
|
|
40
40
|
return 0;
|
|
41
41
|
if (typeof r == "number")
|
|
42
42
|
return r / 100;
|
|
43
|
-
const { clientWidth: t, clientHeight: i, pageWidth: s, pageHeight:
|
|
44
|
-
return O(r, t, i, s,
|
|
43
|
+
const { clientWidth: t, clientHeight: i, pageWidth: s, pageHeight: D } = e;
|
|
44
|
+
return O(r, t, i, s, D, p) / 100;
|
|
45
45
|
}, [r, h, Z, p]);
|
|
46
46
|
a(() => {
|
|
47
|
-
|
|
47
|
+
V(v);
|
|
48
48
|
}, [r]), a(() => {
|
|
49
49
|
const e = (i) => {
|
|
50
50
|
i.forEach((s) => {
|
|
51
|
-
|
|
51
|
+
W(s.contentRect.width);
|
|
52
52
|
});
|
|
53
53
|
}, t = new ResizeObserver(e);
|
|
54
54
|
return o && t.observe(o), () => {
|
|
55
55
|
t.disconnect();
|
|
56
56
|
};
|
|
57
57
|
}, [o]);
|
|
58
|
-
const
|
|
58
|
+
const y = x(
|
|
59
59
|
(e) => {
|
|
60
60
|
let t = 0;
|
|
61
61
|
typeof e == "function" ? t = e(m * 100) : t = e, t && f(t);
|
|
62
62
|
},
|
|
63
63
|
[f, m]
|
|
64
|
-
),
|
|
64
|
+
), z = C(() => ({
|
|
65
65
|
zoomLevel: r,
|
|
66
66
|
currentZoom: m,
|
|
67
|
-
setZoomLevel:
|
|
67
|
+
setZoomLevel: y
|
|
68
68
|
}), [m, r]);
|
|
69
|
-
return /* @__PURE__ */
|
|
69
|
+
return /* @__PURE__ */ H(L.Provider, { value: z, children: c });
|
|
70
70
|
};
|
|
71
71
|
export {
|
|
72
|
-
|
|
72
|
+
L as ZoomContext,
|
|
73
73
|
re as ZoomProvider,
|
|
74
74
|
ne as useZoomContext
|
|
75
75
|
};
|
package/dist/main.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RPProvider as r } from "./components/RPProvider.js";
|
|
2
|
-
import { a as x, R as m, S as l, b as p, u as f, c as a, d as n } from "./ToolbarLayout.module-
|
|
2
|
+
import { a as x, R as m, S as l, b as p, u as f, c as a, d as n } from "./ToolbarLayout.module-e532b211.js";
|
|
3
3
|
import { RPConfig as u } from "./components/RPConfig.js";
|
|
4
4
|
import { RPLayout as P } from "./components/layout/RPLayout.js";
|
|
5
5
|
import { RPController as C } from "./components/RPController.js";
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api.js';
|
|
2
|
-
import { PdfPage, RPSrc, CharacterMap, LoadPDFOptions } from '../types';
|
|
2
|
+
import { PdfPage, RPSrc, CharacterMap, LoadPDFOptions, ErrorType } from '../types';
|
|
3
3
|
export declare const useLoadPdf: (src?: RPSrc, characterMap?: CharacterMap, options?: LoadPDFOptions) => {
|
|
4
4
|
pdf: PDFDocumentProxy | undefined;
|
|
5
5
|
pages: Map<number, PdfPage>;
|
|
6
6
|
loading: boolean;
|
|
7
|
+
error: ErrorType | undefined;
|
|
7
8
|
loadingProgress: number;
|
|
8
9
|
passwordRequired: boolean | undefined;
|
|
9
10
|
passwordError: string | undefined;
|
|
@@ -12,6 +12,7 @@ export interface DocumentContextType {
|
|
|
12
12
|
filename?: string | null;
|
|
13
13
|
loading: boolean;
|
|
14
14
|
loaderProgress: number;
|
|
15
|
+
error: ErrorType | unknown;
|
|
15
16
|
}
|
|
16
17
|
export declare enum AnnotationSubType {
|
|
17
18
|
Text = 1,
|
|
@@ -44,6 +45,9 @@ export declare enum AnnotationType {
|
|
|
44
45
|
FORM_BUTTON = "form-button",
|
|
45
46
|
BUTTON = "button"
|
|
46
47
|
}
|
|
48
|
+
export declare enum ErrorType {
|
|
49
|
+
NOT_SUPPORTED = "not-supported"
|
|
50
|
+
}
|
|
47
51
|
export interface AnnotationEventPayload {
|
|
48
52
|
type: AnnotationType;
|
|
49
53
|
data: any;
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { SCROLL_BAR_WIDTH as
|
|
1
|
+
import { SCROLL_BAR_WIDTH as a } from "./constants.js";
|
|
2
2
|
import { ViewMode as u, ZoomLevel as r } from "./types.js";
|
|
3
|
-
const
|
|
3
|
+
const Z = (o, t, m, e, c, s) => {
|
|
4
4
|
if (typeof o == "number")
|
|
5
5
|
return o;
|
|
6
|
-
const n =
|
|
6
|
+
const n = s === u.DUAL_PAGE ? 2 * e : e;
|
|
7
7
|
switch (o) {
|
|
8
8
|
case r.PAGE_FIT:
|
|
9
|
-
const
|
|
10
|
-
(t -
|
|
11
|
-
|
|
9
|
+
const f = Math.min(
|
|
10
|
+
(t - a) / n,
|
|
11
|
+
m / c
|
|
12
12
|
);
|
|
13
|
-
return Math.floor(
|
|
13
|
+
return Math.floor(f * 100);
|
|
14
14
|
case r.PAGE_WIDTH:
|
|
15
|
-
return Math.floor(t / n * 100);
|
|
15
|
+
return Math.floor((t - a) / n * 100);
|
|
16
16
|
case r.ACTUAL:
|
|
17
17
|
default:
|
|
18
18
|
return 100;
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
export {
|
|
22
|
-
|
|
22
|
+
Z as getZoomLevel
|
|
23
23
|
};
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../contexts/RPDocumentContext.js";
|
|
4
4
|
import "../../contexts/DocumentPasswordContext.js";
|
|
5
|
-
import { b as oo } from "../../ToolbarLayout.module-
|
|
5
|
+
import { b as oo } from "../../ToolbarLayout.module-e532b211.js";
|
|
6
6
|
import "../../contexts/DarkModeContext.js";
|
|
7
7
|
import "../../contexts/RotationContext.js";
|
|
8
8
|
import "../../contexts/LayerContext.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useState as E, useCallback as h, useEffect as A } from "react";
|
|
2
2
|
import { appConsole as l } from "../appConsole.js";
|
|
3
|
-
const b = /* @__PURE__ */ new Date("2025-10-
|
|
3
|
+
const b = /* @__PURE__ */ new Date("2025-10-02T02:07:59.628Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
|
|
4
4
|
invalidLicense: `You are currently using without a valid license. ${d}`,
|
|
5
5
|
mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
|
|
6
6
|
expired: `Your license key has expired. ${d}`,
|
|
@@ -1,70 +1,77 @@
|
|
|
1
|
-
import { useState as
|
|
2
|
-
import * as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import { useState as a, useRef as N, useEffect as k } from "react";
|
|
2
|
+
import * as x from "pdfjs-dist";
|
|
3
|
+
import { ErrorType as O } from "../types.js";
|
|
4
|
+
import { getThumbnailViewport as U } from "../getThumbnailViewport.js";
|
|
5
|
+
import { useConfigContext as h } from "../../contexts/ConfigContext.js";
|
|
6
|
+
import { useDocumentPasswordContext as j } from "../../contexts/DocumentPasswordContext.js";
|
|
7
|
+
const G = (f, s, V = {}) => {
|
|
8
|
+
const [n, C] = a(), { workerUrlAdded: y } = h(), [I, L] = a(/* @__PURE__ */ new Map()), d = N(), [S, m] = a(0), [P, T] = a(!1), [q, v] = a(), { password: u, passwordError: D, setPasswordError: c, passwordRequired: g, setPasswordRequired: p } = j(), { onLoadError: i, onLoaded: w } = V;
|
|
9
|
+
return k(() => {
|
|
10
|
+
if (!y || !f)
|
|
10
11
|
return;
|
|
11
|
-
|
|
12
|
-
const
|
|
13
|
-
url:
|
|
14
|
-
cMapPacked: (
|
|
15
|
-
...(
|
|
16
|
-
...
|
|
17
|
-
verbosity:
|
|
18
|
-
}, n = V.getDocument(E);
|
|
19
|
-
n.onProgress = (o) => {
|
|
20
|
-
if (t === i.current) {
|
|
21
|
-
const { loaded: b, total: a } = o, R = a ? Math.min(100, Math.round(b / a * 100)) : 0;
|
|
22
|
-
f(R);
|
|
23
|
-
}
|
|
24
|
-
}, x(!0);
|
|
25
|
-
const s = n.promise.then((o) => (t === i.current && (I(o), f(100)), w && w(o), c(!1), g(""), o)).catch((o) => {
|
|
26
|
-
o instanceof Error && o.name === "PasswordException" ? (c(!0), g(o.message || "Password required")) : o instanceof Error && o.name === "InvalidPDFException" && d ? (c(!0), g("Incorrect password")) : p && p(o);
|
|
27
|
-
}).finally(() => {
|
|
28
|
-
x(!1);
|
|
29
|
-
});
|
|
30
|
-
return () => {
|
|
31
|
-
s.finally(() => {
|
|
32
|
-
n.destroy();
|
|
33
|
-
});
|
|
12
|
+
m(0), d.current = Date.now();
|
|
13
|
+
const r = d.current, E = {
|
|
14
|
+
url: f,
|
|
15
|
+
cMapPacked: (s == null ? void 0 : s.isCompressed) ?? !0,
|
|
16
|
+
...(s == null ? void 0 : s.url) && { cMapUrl: s.url },
|
|
17
|
+
...u && { password: u },
|
|
18
|
+
verbosity: x.VerbosityLevel.ERRORS
|
|
34
19
|
};
|
|
35
|
-
|
|
36
|
-
|
|
20
|
+
try {
|
|
21
|
+
const e = x.getDocument(E);
|
|
22
|
+
e.onProgress = (o) => {
|
|
23
|
+
if (r === d.current) {
|
|
24
|
+
const { loaded: R, total: l } = o, b = l ? Math.min(100, Math.round(R / l * 100)) : 0;
|
|
25
|
+
m(b);
|
|
26
|
+
}
|
|
27
|
+
}, T(!0);
|
|
28
|
+
const t = e.promise.then((o) => (r === d.current && (C(o), m(100)), w && w(o), p(!1), c(""), o)).catch((o) => {
|
|
29
|
+
o instanceof Error && o.name === "PasswordException" ? (p(!0), c(o.message || "Password required")) : o instanceof Error && o.name === "InvalidPDFException" && u ? (p(!0), c("Incorrect password")) : i && i(o);
|
|
30
|
+
}).finally(() => {
|
|
31
|
+
T(!1);
|
|
32
|
+
});
|
|
33
|
+
return () => {
|
|
34
|
+
t.finally(() => {
|
|
35
|
+
e.destroy();
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
} catch (e) {
|
|
39
|
+
v(O.NOT_SUPPORTED), i && i(e);
|
|
40
|
+
}
|
|
41
|
+
}, [f, y, u, i, w]), k(() => {
|
|
42
|
+
if (g)
|
|
37
43
|
return;
|
|
38
|
-
const
|
|
39
|
-
if (!
|
|
40
|
-
|
|
44
|
+
const r = /* @__PURE__ */ new Map();
|
|
45
|
+
if (!n || P) {
|
|
46
|
+
L(r);
|
|
41
47
|
return;
|
|
42
48
|
}
|
|
43
|
-
const E =
|
|
44
|
-
for (let
|
|
45
|
-
const o =
|
|
46
|
-
|
|
49
|
+
const E = n.numPages, e = [];
|
|
50
|
+
for (let t = 1; t <= E; t++) {
|
|
51
|
+
const o = n.getPage(t);
|
|
52
|
+
e.push(o);
|
|
47
53
|
}
|
|
48
|
-
Promise.all(
|
|
49
|
-
|
|
50
|
-
const { thumbnailViewport:
|
|
51
|
-
|
|
54
|
+
Promise.all(e).then((t) => {
|
|
55
|
+
t.map((o) => {
|
|
56
|
+
const { thumbnailViewport: R, scale: l } = U(o), b = o.getViewport();
|
|
57
|
+
r.set(o.pageNumber, {
|
|
52
58
|
page: o,
|
|
53
|
-
thumbnailViewport:
|
|
54
|
-
thumbnailScale:
|
|
55
|
-
defaultRotation:
|
|
59
|
+
thumbnailViewport: R,
|
|
60
|
+
thumbnailScale: l,
|
|
61
|
+
defaultRotation: b.rotation
|
|
56
62
|
});
|
|
57
|
-
}),
|
|
63
|
+
}), L(r);
|
|
58
64
|
});
|
|
59
|
-
}, [
|
|
60
|
-
pdf:
|
|
61
|
-
pages:
|
|
62
|
-
loading:
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
65
|
+
}, [n, P, g]), {
|
|
66
|
+
pdf: n,
|
|
67
|
+
pages: I,
|
|
68
|
+
loading: P,
|
|
69
|
+
error: q,
|
|
70
|
+
loadingProgress: S,
|
|
71
|
+
passwordRequired: g,
|
|
72
|
+
passwordError: D
|
|
66
73
|
};
|
|
67
74
|
};
|
|
68
75
|
export {
|
|
69
|
-
|
|
76
|
+
G as useLoadPdf
|
|
70
77
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react";
|
|
2
2
|
import "../types.js";
|
|
3
|
-
import { r as tr } from "../../ToolbarLayout.module-
|
|
3
|
+
import { r as tr } from "../../ToolbarLayout.module-e532b211.js";
|
|
4
4
|
import "react/jsx-runtime";
|
|
5
5
|
import "../../contexts/RPDocumentContext.js";
|
|
6
6
|
import "../../contexts/DocumentPasswordContext.js";
|
|
@@ -5,7 +5,7 @@ import "../calculatePage.js";
|
|
|
5
5
|
import "react/jsx-runtime";
|
|
6
6
|
import "../../contexts/RPDocumentContext.js";
|
|
7
7
|
import "../../contexts/DocumentPasswordContext.js";
|
|
8
|
-
import { K as tr } from "../../ToolbarLayout.module-
|
|
8
|
+
import { K as tr } from "../../ToolbarLayout.module-e532b211.js";
|
|
9
9
|
import "../../contexts/DarkModeContext.js";
|
|
10
10
|
import "../../contexts/RotationContext.js";
|
|
11
11
|
import "../../contexts/LayerContext.js";
|
|
@@ -2,7 +2,7 @@ import "react";
|
|
|
2
2
|
import "react/jsx-runtime";
|
|
3
3
|
import "../../contexts/RPDocumentContext.js";
|
|
4
4
|
import "../../contexts/DocumentPasswordContext.js";
|
|
5
|
-
import { t as tr } from "../../ToolbarLayout.module-
|
|
5
|
+
import { t as tr } from "../../ToolbarLayout.module-e532b211.js";
|
|
6
6
|
import "../../contexts/DarkModeContext.js";
|
|
7
7
|
import "../../contexts/RotationContext.js";
|
|
8
8
|
import "../../contexts/LayerContext.js";
|
|
@@ -3,7 +3,7 @@ import "../../contexts/ScrollModeContext.js";
|
|
|
3
3
|
import "react/jsx-runtime";
|
|
4
4
|
import "../../contexts/RPDocumentContext.js";
|
|
5
5
|
import "../../contexts/DocumentPasswordContext.js";
|
|
6
|
-
import { q as po } from "../../ToolbarLayout.module-
|
|
6
|
+
import { q as po } from "../../ToolbarLayout.module-e532b211.js";
|
|
7
7
|
import "../../contexts/DarkModeContext.js";
|
|
8
8
|
import "../types.js";
|
|
9
9
|
import "../../contexts/RotationContext.js";
|
|
@@ -7,7 +7,7 @@ import "../../contexts/RPDocumentContext.js";
|
|
|
7
7
|
import "../../contexts/ZoomContext.js";
|
|
8
8
|
import "react/jsx-runtime";
|
|
9
9
|
import "../../contexts/DocumentPasswordContext.js";
|
|
10
|
-
import { y as tr } from "../../ToolbarLayout.module-
|
|
10
|
+
import { y as tr } from "../../ToolbarLayout.module-e532b211.js";
|
|
11
11
|
import "../../contexts/DarkModeContext.js";
|
|
12
12
|
import "../../contexts/RotationContext.js";
|
|
13
13
|
import "../../contexts/LayerContext.js";
|
|
@@ -2,7 +2,7 @@ import "react";
|
|
|
2
2
|
import "react/jsx-runtime";
|
|
3
3
|
import "../../contexts/RPDocumentContext.js";
|
|
4
4
|
import "../../contexts/DocumentPasswordContext.js";
|
|
5
|
-
import { w as om } from "../../ToolbarLayout.module-
|
|
5
|
+
import { w as om } from "../../ToolbarLayout.module-e532b211.js";
|
|
6
6
|
import "../../contexts/DarkModeContext.js";
|
|
7
7
|
import "../../contexts/RotationContext.js";
|
|
8
8
|
import "../../contexts/LayerContext.js";
|
|
@@ -4,7 +4,7 @@ import "../../contexts/ScrollModeContext.js";
|
|
|
4
4
|
import "react/jsx-runtime";
|
|
5
5
|
import "../../contexts/RPDocumentContext.js";
|
|
6
6
|
import "../../contexts/DocumentPasswordContext.js";
|
|
7
|
-
import { H as ro } from "../../ToolbarLayout.module-
|
|
7
|
+
import { H as ro } from "../../ToolbarLayout.module-e532b211.js";
|
|
8
8
|
import "../../contexts/DarkModeContext.js";
|
|
9
9
|
import "../../contexts/RotationContext.js";
|
|
10
10
|
import "../../contexts/LayerContext.js";
|