@react-pdf-kit/viewer 2.0.0-beta.1 → 2.0.0-beta.10
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/README.md +6 -6
- package/dist/Combination-54a77a7a.js +701 -0
- package/dist/MostPageTool.module-13578ad6.js +6 -0
- package/dist/OtherTool.module-a4be5f1f.js +6 -0
- package/dist/Paginate.module-206a7d7d.js +8 -0
- package/dist/PaginationContext-9217cab4.js +201 -0
- package/dist/{LayoutWrapper-6224491f.js → RPLayout.module-967bf4bc.js} +3 -9
- package/dist/RPToolbar.module-27d7fe77.js +10 -0
- package/dist/SearchTool.module-99f60dc7.js +16 -0
- package/dist/ToolbarLayout.module-1fee0a18.js +11 -0
- package/dist/ZoomTool.module-7082af8c.js +12 -0
- package/dist/assets/style.css +1 -1
- package/dist/assets/style.js +32 -31
- package/dist/components/RPConfig.js +10 -1485
- package/dist/components/RPController.js +77 -148
- package/dist/components/RPPages.js +981 -124
- package/dist/components/RPProvider.js +56 -118
- package/dist/components/icons/DualPageIcon.js +6 -6
- package/dist/components/icons/SinglePageIcon.js +6 -6
- package/dist/components/layout/LayoutContainer.js +31 -138
- package/dist/components/layout/LayoutWrapper.js +8 -4
- package/dist/components/layout/RPDefaultLayout.js +162 -88
- package/dist/components/layout/RPLayout.js +119 -107
- package/dist/components/layout/sidebar/RPSidebar.js +83 -113
- package/dist/components/layout/sidebar/Thumbnail.js +120 -126
- package/dist/components/layout/sidebar/Thumbnails.js +56 -121
- package/dist/components/layout/toolbar/DarkModeTool.js +6 -4
- package/dist/components/layout/toolbar/DocumentDialog.js +304 -132
- package/dist/components/layout/toolbar/DocumentProperties.js +12 -9
- package/dist/components/layout/toolbar/FileDownloadTool.js +34 -126
- package/dist/components/layout/toolbar/FileUploadTool.js +8 -5
- package/dist/components/layout/toolbar/FullScreenTool.js +16 -13
- package/dist/components/layout/toolbar/MenuItem.js +11 -8
- package/dist/components/layout/toolbar/MenuSeparator.js +8 -5
- package/dist/components/layout/toolbar/MostPageTool.js +64 -125
- package/dist/components/layout/toolbar/OtherTool.js +162 -114
- package/dist/components/layout/toolbar/Paginate.js +113 -117
- package/dist/components/layout/toolbar/PrintTool.js +55 -125
- package/dist/components/layout/toolbar/RPMenuItem.js +14 -11
- package/dist/components/layout/toolbar/RPMoreOptions.js +66 -121
- package/dist/components/layout/toolbar/RPToolbar.js +89 -81
- package/dist/components/layout/toolbar/RPToolbarEnd.js +68 -90
- package/dist/components/layout/toolbar/RotateTool.js +12 -9
- package/dist/components/layout/toolbar/ScrollModeTool.js +14 -11
- package/dist/components/layout/toolbar/SearchCloseButton.js +23 -9
- package/dist/components/layout/toolbar/SearchResultNavigator.js +53 -106
- package/dist/components/layout/toolbar/SearchTool.js +222 -121
- package/dist/components/layout/toolbar/SelectionModeTool.js +8 -5
- package/dist/components/layout/toolbar/ThumbnailTool.js +15 -124
- package/dist/components/layout/toolbar/ToolbarCustom.js +44 -130
- package/dist/components/layout/toolbar/ToolbarDefault.js +122 -120
- package/dist/components/layout/toolbar/ToolbarLayout.js +85 -83
- package/dist/components/layout/toolbar/ViewModeTool.js +10 -7
- package/dist/components/layout/toolbar/ZoomTool.js +128 -120
- package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +17 -123
- package/dist/components/layout/toolbar/tools/DualPageTool.js +26 -0
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +10 -121
- package/dist/components/layout/toolbar/tools/FileUploadTool.js +6 -4
- package/dist/components/layout/toolbar/tools/FullScreenTool.js +13 -11
- package/dist/components/layout/toolbar/tools/InputPageTool.js +19 -112
- package/dist/components/layout/toolbar/tools/NextPageTool.js +30 -123
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +16 -109
- package/dist/components/layout/toolbar/tools/PrintTool.js +12 -123
- package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +6 -4
- package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +6 -4
- package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +31 -0
- package/dist/components/layout/toolbar/tools/SinglePageTool.js +26 -0
- package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +6 -4
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +17 -128
- package/dist/components/layout/toolbar/tools/ZoomInTool.js +6 -4
- package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +22 -137
- package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +26 -123
- package/dist/components/layout/toolbar/tools/ZoomOutTool.js +6 -4
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +95 -105
- package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +16 -125
- package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +8 -5
- package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +10 -117
- package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +12 -120
- package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +10 -7
- package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +36 -125
- package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +16 -123
- package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +14 -11
- package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +15 -12
- package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +18 -15
- package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +10 -7
- package/dist/components/page/AnnotationLayer.js +122 -126
- package/dist/components/page/CanvasLayer.js +54 -125
- package/dist/components/page/DualPage.js +68 -111
- package/dist/components/page/RPPage.js +126 -125
- package/dist/components/page/SinglePage.js +58 -111
- package/dist/components/page/TextHighlightLayer.js +184 -128
- package/dist/components/page/TextLayer.js +184 -125
- package/dist/components/ui/Checkbox.js +25 -24
- package/dist/components/ui/DropDown.js +11 -8
- package/dist/components/ui/LoadingIndicator.js +34 -129
- package/dist/components/ui/RPTooltip.js +412 -196
- package/dist/contexts/ElementPageContext.js +1 -1
- package/dist/contexts/FullScreenContext.js +17 -10
- package/dist/contexts/LocalizationContext.js +24 -29
- package/dist/contexts/PaginationContext.js +14 -119
- package/dist/contexts/PrintContext.js +67 -133
- package/dist/contexts/RPDocumentContext.js +32 -24
- package/dist/contexts/RenderQueueProvider.js +47 -119
- package/dist/contexts/SearchContext.js +65 -113
- package/dist/contexts/ThumbnailsContext.js +32 -133
- package/dist/contexts/ZoomContext.js +22 -22
- package/dist/floating-ui.react-dom-5ec29bd6.js +1327 -0
- package/dist/index-4baea9b5.js +1198 -0
- package/dist/index-655864a7.js +27 -0
- package/dist/{index-c9a2990a.js → index-c0faa594.js} +64 -87
- package/dist/index-e3ee9457.js +150 -0
- package/dist/main.js +193 -142
- package/dist/types/components/icons/DualPageIcon.d.ts +1 -1
- package/dist/types/components/icons/SinglePageIcon.d.ts +1 -1
- package/dist/types/components/layout/toolbar/tools/DualPageTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/SelectionModeSwitcherTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/SinglePageTool.d.ts +3 -0
- package/dist/types/contexts/RenderQueueProvider.d.ts +2 -2
- package/dist/types/main.d.ts +5 -5
- package/dist/types/utils/annotations.d.ts +2 -1
- package/dist/types/utils/getElementPositionInPage.d.ts +2 -2
- package/dist/types/utils/hooks/useCopyText.d.ts +1 -0
- package/dist/types/utils/hooks/usePrint.d.ts +3 -2
- package/dist/types/utils/hooks/useSearch.d.ts +1 -2
- package/dist/types/utils/renderPage.d.ts +2 -2
- package/dist/types/utils/types.d.ts +27 -4
- package/dist/utils/annotations.js +128 -142
- package/dist/utils/getWordPositionInPage.js +5 -5
- package/dist/utils/highlight.js +72 -72
- package/dist/utils/hooks/useCopyText.js +36 -0
- package/dist/utils/hooks/useFileDownload.js +20 -129
- package/dist/utils/hooks/useHighlight.js +28 -28
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/useLoadPdf.js +42 -39
- package/dist/utils/hooks/useLoadWorker.js +9 -6
- package/dist/utils/hooks/useLocalization.js +13 -13
- package/dist/utils/hooks/usePaginate.js +21 -126
- package/dist/utils/hooks/usePresentPage.js +75 -127
- package/dist/utils/hooks/usePrint.js +173 -130
- package/dist/utils/hooks/useScrollToPage.js +15 -120
- package/dist/utils/hooks/useSearch.js +132 -126
- package/dist/utils/hooks/useThumbnail.js +47 -130
- package/dist/utils/hooks/useVirtualReactWindow.js +64 -128
- package/dist/utils/injectPrintCSS.js +1 -1
- package/dist/utils/renderPage.js +12 -10
- package/package.json +23 -20
- package/dist/SearchCloseButton-08d57275.js +0 -33
- package/dist/ToolbarLayout.module-37619c4b.js +0 -3548
- package/dist/index-808ea7bf.js +0 -1685
- package/dist/index-a48ec088.js +0 -1672
|
@@ -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
|
};
|