@react-pdf-kit/viewer 2.0.0-beta.7 → 2.0.0-beta.9
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-5b868e64.js → ToolbarLayout.module-8d56d12b.js} +164 -161
- package/dist/assets/style.css +1 -1
- package/dist/assets/style.js +1 -1
- package/dist/components/RPController.js +5 -5
- package/dist/components/RPPages.js +5 -5
- package/dist/components/RPProvider.js +5 -5
- package/dist/components/layout/LayoutContainer.js +5 -5
- package/dist/components/layout/RPDefaultLayout.js +5 -5
- package/dist/components/layout/RPLayout.js +7 -7
- package/dist/components/layout/sidebar/RPSidebar.js +4 -4
- package/dist/components/layout/sidebar/Thumbnail.js +5 -5
- package/dist/components/layout/sidebar/Thumbnails.js +5 -5
- package/dist/components/layout/toolbar/DarkModeTool.js +2 -2
- package/dist/components/layout/toolbar/DocumentDialog.js +5 -5
- package/dist/components/layout/toolbar/DocumentProperties.js +3 -3
- package/dist/components/layout/toolbar/FileDownloadTool.js +4 -4
- package/dist/components/layout/toolbar/FileUploadTool.js +3 -3
- package/dist/components/layout/toolbar/FullScreenTool.js +3 -3
- package/dist/components/layout/toolbar/MenuItem.js +3 -3
- package/dist/components/layout/toolbar/MenuSeparator.js +3 -3
- package/dist/components/layout/toolbar/MostPageTool.js +5 -5
- package/dist/components/layout/toolbar/OtherTool.js +4 -4
- package/dist/components/layout/toolbar/Paginate.js +4 -4
- package/dist/components/layout/toolbar/PrintTool.js +4 -4
- package/dist/components/layout/toolbar/RPMenuItem.js +3 -3
- package/dist/components/layout/toolbar/RPMoreOptions.js +4 -4
- package/dist/components/layout/toolbar/RPToolbar.js +5 -5
- package/dist/components/layout/toolbar/RPToolbarEnd.js +4 -4
- package/dist/components/layout/toolbar/RotateTool.js +3 -3
- package/dist/components/layout/toolbar/ScrollModeTool.js +3 -3
- package/dist/components/layout/toolbar/SearchCloseButton.js +2 -2
- package/dist/components/layout/toolbar/SearchResultNavigator.js +4 -4
- package/dist/components/layout/toolbar/SearchTool.js +4 -4
- package/dist/components/layout/toolbar/SelectionModeTool.js +3 -3
- package/dist/components/layout/toolbar/ThumbnailTool.js +4 -4
- package/dist/components/layout/toolbar/ToolbarCustom.js +5 -5
- package/dist/components/layout/toolbar/ToolbarDefault.js +5 -5
- package/dist/components/layout/toolbar/ToolbarLayout.js +5 -5
- package/dist/components/layout/toolbar/ViewModeTool.js +3 -3
- package/dist/components/layout/toolbar/ZoomTool.js +4 -4
- package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +4 -4
- package/dist/components/layout/toolbar/tools/DualPageTool.js +4 -4
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +4 -4
- package/dist/components/layout/toolbar/tools/FileUploadTool.js +2 -2
- package/dist/components/layout/toolbar/tools/FullScreenTool.js +2 -2
- package/dist/components/layout/toolbar/tools/InputPageTool.js +4 -4
- package/dist/components/layout/toolbar/tools/NextPageTool.js +5 -5
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +4 -4
- package/dist/components/layout/toolbar/tools/PrintTool.js +4 -4
- package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +2 -2
- package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +2 -2
- package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +2 -2
- package/dist/components/layout/toolbar/tools/SinglePageTool.js +4 -4
- package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +2 -2
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +4 -4
- package/dist/components/layout/toolbar/tools/ZoomInTool.js +2 -2
- package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +5 -5
- package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +4 -4
- package/dist/components/layout/toolbar/tools/ZoomOutTool.js +2 -2
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +5 -5
- package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +5 -5
- package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +3 -3
- package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +4 -4
- package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +4 -4
- package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +3 -3
- package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +4 -4
- package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +4 -4
- package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +3 -3
- package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +3 -3
- package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +3 -3
- package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +3 -3
- package/dist/components/page/AnnotationLayer.js +5 -5
- package/dist/components/page/CanvasLayer.js +5 -5
- package/dist/components/page/DualPage.js +5 -5
- package/dist/components/page/RPPage.js +5 -5
- package/dist/components/page/SinglePage.js +5 -5
- package/dist/components/page/TextHighlightLayer.js +5 -5
- package/dist/components/page/TextLayer.js +5 -5
- package/dist/components/ui/Checkbox.js +1 -1
- package/dist/components/ui/DropDown.js +3 -3
- package/dist/components/ui/LoadingIndicator.js +5 -5
- package/dist/components/ui/RPTooltip.js +118 -102
- package/dist/contexts/FullScreenContext.js +17 -10
- package/dist/contexts/LocalizationContext.js +24 -29
- package/dist/contexts/PaginationContext.js +5 -5
- package/dist/contexts/PrintContext.js +5 -5
- package/dist/contexts/RPDocumentContext.js +7 -7
- package/dist/contexts/RenderQueueProvider.js +5 -5
- package/dist/contexts/SearchContext.js +5 -5
- package/dist/contexts/ThumbnailsContext.js +5 -5
- package/dist/contexts/ZoomContext.js +22 -22
- package/dist/{floating-ui.react-dom-6b2fe0df.js → floating-ui.react-dom-d22a10b4.js} +3 -3
- package/dist/{index-f563c6f0.js → index-3bf64864.js} +97 -100
- package/dist/{index-35c7f4a2.js → index-c9a2990a.js} +3 -3
- package/dist/main.js +92 -94
- package/dist/types/main.d.ts +0 -2
- package/dist/utils/hooks/useFileDownload.js +5 -5
- package/dist/utils/hooks/useHighlight.js +28 -28
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/useLocalization.js +13 -13
- package/dist/utils/hooks/usePaginate.js +5 -5
- package/dist/utils/hooks/usePresentPage.js +5 -5
- package/dist/utils/hooks/usePrint.js +5 -5
- package/dist/utils/hooks/useScrollToPage.js +5 -5
- package/dist/utils/hooks/useSearch.js +5 -5
- package/dist/utils/hooks/useThumbnail.js +5 -5
- package/dist/utils/hooks/useVirtualReactWindow.js +5 -5
- package/package.json +1 -1
|
@@ -33,7 +33,7 @@ const u = M({
|
|
|
33
33
|
rangeChunkSize: v,
|
|
34
34
|
loaderImage: S
|
|
35
35
|
}) => {
|
|
36
|
-
const [o,
|
|
36
|
+
const [o, i] = l(e), [r, s] = l(), { pdf: n, pages: p, loading: m, loadingProgress: d, error: f } = E(o, c, {
|
|
37
37
|
onLoadError: P,
|
|
38
38
|
onLoaded: g,
|
|
39
39
|
onLoadProgress: x,
|
|
@@ -41,22 +41,22 @@ const u = M({
|
|
|
41
41
|
disableStream: h,
|
|
42
42
|
rangeChunkSize: v,
|
|
43
43
|
loaderImage: S
|
|
44
|
-
}), a = L(o,
|
|
44
|
+
}), a = L(o, n, r);
|
|
45
45
|
j(() => {
|
|
46
|
-
s(e == null ? void 0 : e.split("/").pop()),
|
|
46
|
+
s(e == null ? void 0 : e.split("/").pop()), i(e);
|
|
47
47
|
}, [e]);
|
|
48
48
|
const D = k(() => ({
|
|
49
|
-
pdf:
|
|
49
|
+
pdf: n,
|
|
50
50
|
pages: p,
|
|
51
51
|
pdfSrc: o,
|
|
52
|
-
setPdfSrc:
|
|
52
|
+
setPdfSrc: i,
|
|
53
53
|
pdfProperties: a,
|
|
54
54
|
setFilename: s,
|
|
55
|
-
filename:
|
|
55
|
+
filename: r,
|
|
56
56
|
loading: m,
|
|
57
57
|
loaderProgress: d,
|
|
58
58
|
error: f
|
|
59
|
-
}), [
|
|
59
|
+
}), [n, p, o, a, r, m, d, f]);
|
|
60
60
|
return /* @__PURE__ */ F(u.Provider, { value: D, children: o ? t : null });
|
|
61
61
|
}, T = () => {
|
|
62
62
|
const t = w(u);
|
|
@@ -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 { E as zo, m as Ao, F as Bo } from "../ToolbarLayout.module-
|
|
5
|
+
import { E as zo, m as Ao, F as Bo } from "../ToolbarLayout.module-8d56d12b.js";
|
|
6
6
|
import "pdfjs-dist";
|
|
7
7
|
import "../components/icons/ChevronUpIcon.js";
|
|
8
8
|
import "../components/ui/Button.js";
|
|
@@ -73,17 +73,17 @@ import "../components/RPDropFileZone.js";
|
|
|
73
73
|
import "../components/icons/LightPdfIcon.js";
|
|
74
74
|
import "../components/icons/DarkPdfIcon.js";
|
|
75
75
|
import "../LayoutWrapper-6224491f.js";
|
|
76
|
+
import "../SearchCloseButton-08d57275.js";
|
|
76
77
|
import "../components/ui/RPTooltip.js";
|
|
77
|
-
import "../index-
|
|
78
|
+
import "../index-c9a2990a.js";
|
|
78
79
|
import "react-dom";
|
|
79
|
-
import "../floating-ui.react-dom-
|
|
80
|
-
import "../SearchCloseButton-08d57275.js";
|
|
80
|
+
import "../floating-ui.react-dom-d22a10b4.js";
|
|
81
81
|
import "../components/icons/CloseIcon.js";
|
|
82
82
|
import "../components/ui/Checkbox.js";
|
|
83
83
|
import "../components/icons/CheckIcon.js";
|
|
84
84
|
import "./IconContext.js";
|
|
85
85
|
import "../components/ui/DropDown.js";
|
|
86
|
-
import "../index-
|
|
86
|
+
import "../index-3bf64864.js";
|
|
87
87
|
import "../components/layout/toolbar/MenuItem.js";
|
|
88
88
|
import "../components/layout/toolbar/MenuSeparator.js";
|
|
89
89
|
import "../utils/dateFormatter.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { C as Do, l as Eo, d as Fo } from "../ToolbarLayout.module-
|
|
3
|
+
import { C as Do, l as Eo, d as Fo } from "../ToolbarLayout.module-8d56d12b.js";
|
|
4
4
|
import "../components/icons/ChevronUpIcon.js";
|
|
5
5
|
import "../components/ui/Button.js";
|
|
6
6
|
import "../clsx-0c6e471a.js";
|
|
@@ -73,17 +73,17 @@ import "../components/RPDropFileZone.js";
|
|
|
73
73
|
import "../components/icons/LightPdfIcon.js";
|
|
74
74
|
import "../components/icons/DarkPdfIcon.js";
|
|
75
75
|
import "../LayoutWrapper-6224491f.js";
|
|
76
|
+
import "../SearchCloseButton-08d57275.js";
|
|
76
77
|
import "../components/ui/RPTooltip.js";
|
|
77
|
-
import "../index-
|
|
78
|
+
import "../index-c9a2990a.js";
|
|
78
79
|
import "react-dom";
|
|
79
|
-
import "../floating-ui.react-dom-
|
|
80
|
-
import "../SearchCloseButton-08d57275.js";
|
|
80
|
+
import "../floating-ui.react-dom-d22a10b4.js";
|
|
81
81
|
import "../components/icons/CloseIcon.js";
|
|
82
82
|
import "../components/ui/Checkbox.js";
|
|
83
83
|
import "../components/icons/CheckIcon.js";
|
|
84
84
|
import "./IconContext.js";
|
|
85
85
|
import "../components/ui/DropDown.js";
|
|
86
|
-
import "../index-
|
|
86
|
+
import "../index-3bf64864.js";
|
|
87
87
|
import "../components/layout/toolbar/MenuItem.js";
|
|
88
88
|
import "../components/layout/toolbar/MenuSeparator.js";
|
|
89
89
|
import "../utils/dateFormatter.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { A as Dt, T as Et, e as Ft } from "../ToolbarLayout.module-
|
|
3
|
+
import { A as Dt, T as Et, e as Ft } from "../ToolbarLayout.module-8d56d12b.js";
|
|
4
4
|
import "../components/icons/ChevronUpIcon.js";
|
|
5
5
|
import "../components/ui/Button.js";
|
|
6
6
|
import "../clsx-0c6e471a.js";
|
|
@@ -73,17 +73,17 @@ import "../components/RPDropFileZone.js";
|
|
|
73
73
|
import "../components/icons/LightPdfIcon.js";
|
|
74
74
|
import "../components/icons/DarkPdfIcon.js";
|
|
75
75
|
import "../LayoutWrapper-6224491f.js";
|
|
76
|
+
import "../SearchCloseButton-08d57275.js";
|
|
76
77
|
import "../components/ui/RPTooltip.js";
|
|
77
|
-
import "../index-
|
|
78
|
+
import "../index-c9a2990a.js";
|
|
78
79
|
import "react-dom";
|
|
79
|
-
import "../floating-ui.react-dom-
|
|
80
|
-
import "../SearchCloseButton-08d57275.js";
|
|
80
|
+
import "../floating-ui.react-dom-d22a10b4.js";
|
|
81
81
|
import "../components/icons/CloseIcon.js";
|
|
82
82
|
import "../components/ui/Checkbox.js";
|
|
83
83
|
import "../components/icons/CheckIcon.js";
|
|
84
84
|
import "./IconContext.js";
|
|
85
85
|
import "../components/ui/DropDown.js";
|
|
86
|
-
import "../index-
|
|
86
|
+
import "../index-3bf64864.js";
|
|
87
87
|
import "../components/layout/toolbar/MenuItem.js";
|
|
88
88
|
import "../components/layout/toolbar/MenuSeparator.js";
|
|
89
89
|
import "../utils/dateFormatter.js";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as I } from "react/jsx-runtime";
|
|
2
|
-
import { createContext as M, useContext as O, useState as u, useRef as R, useEffect as f, useCallback as
|
|
2
|
+
import { createContext as M, useContext as O, useState as u, useRef as R, useEffect as f, useCallback as x, useMemo as C } from "react";
|
|
3
3
|
import { ZoomLevel as J } from "../utils/types.js";
|
|
4
4
|
import { appConsole as _ } from "../utils/appConsole.js";
|
|
5
5
|
import { useInitialStateContext as j } from "./InitialStateContext.js";
|
|
6
6
|
import { useDocumentContext as F } from "./RPDocumentContext.js";
|
|
7
7
|
import { PAGE_PADDING as T } from "../utils/constants.js";
|
|
8
|
-
import { getZoomLevel as
|
|
8
|
+
import { getZoomLevel as D } from "../utils/getZoomLevel.js";
|
|
9
9
|
import { useLayoutContainer as k } from "./LayoutContainerContext.js";
|
|
10
10
|
import { useViewModeContext as q } from "./ViewModeContext.js";
|
|
11
11
|
import { useRotationContext as B } from "./RotationContext.js";
|
|
@@ -21,19 +21,19 @@ import "../utils/hooks/usePdfProperties.js";
|
|
|
21
21
|
import "../utils/convertPdfDate.js";
|
|
22
22
|
import "../utils/formatFileSize.js";
|
|
23
23
|
import "./EventCallbackContext.js";
|
|
24
|
-
const
|
|
24
|
+
const W = M({
|
|
25
25
|
zoomLevel: 100,
|
|
26
26
|
currentZoom: 1,
|
|
27
27
|
setZoomLevel: () => {
|
|
28
28
|
}
|
|
29
29
|
}), Le = () => {
|
|
30
|
-
const m = O(
|
|
30
|
+
const m = O(W);
|
|
31
31
|
return typeof m.currentZoom != "number" && _.warn("Please use this hooks inside children component of RPProvider"), m;
|
|
32
32
|
}, Pe = ({ children: m }) => {
|
|
33
|
-
const { initialScale:
|
|
33
|
+
const { initialScale: b = J.PAGE_FIT } = j(), [s, H] = u(b), { pages: l } = F(), { pagesRef: t } = k(), { viewMode: p } = q(), [V, z] = u({
|
|
34
34
|
width: (t == null ? void 0 : t.clientWidth) || 0,
|
|
35
35
|
height: (t == null ? void 0 : t.clientHeight) || 0
|
|
36
|
-
}), h = Q(
|
|
36
|
+
}), h = Q(V, 100), { rotate: g } = B(), [n, y] = u(null), d = R(null), { currentPage: v } = K(), [w, N] = u(v);
|
|
37
37
|
f(() => {
|
|
38
38
|
let e = l.get(w);
|
|
39
39
|
e || (e = l.get(1));
|
|
@@ -41,48 +41,48 @@ const D = M({
|
|
|
41
41
|
scale: 1,
|
|
42
42
|
rotation: e.defaultRotation + g
|
|
43
43
|
});
|
|
44
|
-
o && JSON.stringify(o) !== JSON.stringify(d.current) && (d.current = o,
|
|
44
|
+
o && JSON.stringify(o) !== JSON.stringify(d.current) && (d.current = o, y(o));
|
|
45
45
|
}, [l, g, w]);
|
|
46
|
-
const c =
|
|
46
|
+
const c = x(() => {
|
|
47
47
|
if (!n)
|
|
48
48
|
return null;
|
|
49
49
|
const e = ((n == null ? void 0 : n.width) || 0) + 2 * T, o = (n == null ? void 0 : n.height) || 0, i = (t == null ? void 0 : t.clientWidth) || 0, r = (t == null ? void 0 : t.clientHeight) || 0;
|
|
50
50
|
return { pageWidth: e, pageHeight: o, clientWidth: i, clientHeight: r };
|
|
51
|
-
}, [n, t]), L =
|
|
51
|
+
}, [n, t]), L = C(() => {
|
|
52
52
|
const e = c();
|
|
53
53
|
if (!h.width || !h.height || !e)
|
|
54
54
|
return 0;
|
|
55
55
|
if (typeof s == "number")
|
|
56
56
|
return s / 100;
|
|
57
57
|
const { clientWidth: o, clientHeight: i, pageWidth: r, pageHeight: a } = e;
|
|
58
|
-
return
|
|
58
|
+
return D(s, o, i, r, a, p) / 100;
|
|
59
59
|
}, [s, h, c, p]);
|
|
60
60
|
f(() => {
|
|
61
|
-
|
|
61
|
+
N(v);
|
|
62
62
|
}, [s]), f(() => {
|
|
63
63
|
const e = (i) => {
|
|
64
64
|
i.forEach((r) => {
|
|
65
|
-
|
|
65
|
+
z({ width: r.contentRect.width, height: r.contentRect.height });
|
|
66
66
|
});
|
|
67
67
|
}, o = new ResizeObserver(e);
|
|
68
68
|
return t && o.observe(t), () => {
|
|
69
69
|
o.disconnect();
|
|
70
70
|
};
|
|
71
71
|
}, [t]);
|
|
72
|
-
const
|
|
72
|
+
const P = x(
|
|
73
73
|
(e) => {
|
|
74
74
|
let o = 0;
|
|
75
75
|
if (typeof e == "function") {
|
|
76
76
|
const i = c();
|
|
77
77
|
if (!i)
|
|
78
78
|
return;
|
|
79
|
-
const { clientWidth: r, clientHeight: a, pageWidth:
|
|
79
|
+
const { clientWidth: r, clientHeight: a, pageWidth: Z, pageHeight: E } = i;
|
|
80
80
|
o = (G) => {
|
|
81
|
-
const A =
|
|
81
|
+
const A = D(
|
|
82
82
|
G,
|
|
83
83
|
r,
|
|
84
84
|
a,
|
|
85
|
-
|
|
85
|
+
Z,
|
|
86
86
|
E,
|
|
87
87
|
p
|
|
88
88
|
);
|
|
@@ -90,18 +90,18 @@ const D = M({
|
|
|
90
90
|
};
|
|
91
91
|
} else
|
|
92
92
|
o = e;
|
|
93
|
-
o &&
|
|
93
|
+
o && H(o);
|
|
94
94
|
},
|
|
95
95
|
[c]
|
|
96
|
-
), S =
|
|
96
|
+
), S = C(() => ({
|
|
97
97
|
zoomLevel: s,
|
|
98
98
|
currentZoom: L,
|
|
99
|
-
setZoomLevel:
|
|
100
|
-
}), [L, s]);
|
|
101
|
-
return /* @__PURE__ */ I(
|
|
99
|
+
setZoomLevel: P
|
|
100
|
+
}), [L, s, P]);
|
|
101
|
+
return /* @__PURE__ */ I(W.Provider, { value: S, children: m });
|
|
102
102
|
};
|
|
103
103
|
export {
|
|
104
|
-
|
|
104
|
+
W as ZoomContext,
|
|
105
105
|
Pe as ZoomProvider,
|
|
106
106
|
Le as useZoomContext
|
|
107
107
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as v from "react";
|
|
2
2
|
import { useLayoutEffect as oe } from "react";
|
|
3
|
-
import { u as Vt, P as It, a as ht,
|
|
3
|
+
import { u as Vt, P as It, a as ht, g as ie, h as se } from "./index-c9a2990a.js";
|
|
4
4
|
import { jsx as zt } from "react/jsx-runtime";
|
|
5
5
|
import * as re from "react-dom";
|
|
6
6
|
function bt(t) {
|
|
@@ -1463,8 +1463,8 @@ export {
|
|
|
1463
1463
|
On as a,
|
|
1464
1464
|
Dn as b,
|
|
1465
1465
|
Mn as c,
|
|
1466
|
-
|
|
1467
|
-
|
|
1466
|
+
Rn as d,
|
|
1467
|
+
bt as e,
|
|
1468
1468
|
Pn as f,
|
|
1469
1469
|
Tn as h,
|
|
1470
1470
|
Ln as l,
|