@react-pdf-kit/viewer 2.0.0-beta.0 → 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/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-a871c161.js → RPLayout.module-967bf4bc.js} +3 -9
- package/dist/RPToolbar.module-27d7fe77.js +10 -0
- package/dist/{RotateTool.module-03987eba.js → RotateTool.module-67946714.js} +1 -1
- package/dist/SearchTool.module-99f60dc7.js +16 -0
- package/dist/ToolbarLayout.module-1fee0a18.js +11 -0
- package/dist/{ZoomTool.module-6c5eabbb.js → ZoomTool.module-7082af8c.js} +1 -1
- package/dist/assets/style.css +1 -0
- package/dist/assets/style.js +75 -0
- package/dist/components/RPConfig.js +14 -1489
- package/dist/components/RPController.js +109 -66
- package/dist/components/RPDropFileZone.js +26 -12
- package/dist/components/RPPages.js +991 -58
- package/dist/components/RPProvider.js +107 -19
- package/dist/components/RPTheme.js +6 -5
- package/dist/components/icons/DualPageIcon.js +6 -6
- package/dist/components/icons/LoaderIcon.js +1 -1
- package/dist/components/icons/SinglePageIcon.js +6 -6
- package/dist/components/layout/Container.js +1 -1
- package/dist/components/layout/LayoutContainer.js +32 -57
- package/dist/components/layout/LayoutWrapper.js +9 -4
- package/dist/components/layout/RPDefaultLayout.js +214 -14
- package/dist/components/layout/RPLayout.js +143 -41
- package/dist/components/layout/WrapperLayout.js +22 -9
- package/dist/components/layout/sidebar/RPSidebar.js +110 -13
- package/dist/components/layout/sidebar/RPSplitter.js +1 -1
- package/dist/components/layout/sidebar/Thumbnail.js +129 -52
- package/dist/components/layout/sidebar/Thumbnails.js +75 -6
- package/dist/components/layout/toolbar/DarkModeTool.js +24 -13
- package/dist/components/layout/toolbar/DocumentDialog.js +311 -56
- package/dist/components/layout/toolbar/DocumentProperties.js +21 -8
- package/dist/components/layout/toolbar/FileDownloadTool.js +48 -13
- package/dist/components/layout/toolbar/FileUploadTool.js +34 -10
- package/dist/components/layout/toolbar/FullScreenTool.js +43 -28
- package/dist/components/layout/toolbar/MenuItem.js +15 -8
- package/dist/components/layout/toolbar/MenuSeparator.js +11 -4
- package/dist/components/layout/toolbar/MostPageTool.js +72 -51
- package/dist/components/layout/toolbar/OtherTool.js +188 -22
- package/dist/components/layout/toolbar/Paginate.js +136 -17
- package/dist/components/layout/toolbar/PrintTool.js +70 -13
- package/dist/components/layout/toolbar/PropertyItem.js +1 -1
- package/dist/components/layout/toolbar/RPMenuItem.js +23 -13
- package/dist/components/layout/toolbar/RPMoreOptions.js +119 -47
- package/dist/components/layout/toolbar/RPToolbar.js +148 -8
- package/dist/components/layout/toolbar/RPToolbarEnd.js +118 -7
- package/dist/components/layout/toolbar/RotateTool.js +42 -18
- package/dist/components/layout/toolbar/ScrollModeTool.js +33 -21
- package/dist/components/layout/toolbar/SearchCloseButton.js +30 -7
- package/dist/components/layout/toolbar/SearchResultNavigator.js +87 -8
- package/dist/components/layout/toolbar/SearchTool.js +236 -54
- package/dist/components/layout/toolbar/SelectionModeTool.js +22 -10
- package/dist/components/layout/toolbar/ThumbnailTool.js +32 -10
- package/dist/components/layout/toolbar/ToolbarCustom.js +52 -55
- package/dist/components/layout/toolbar/ToolbarDefault.js +144 -58
- package/dist/components/layout/toolbar/ToolbarLayout.js +149 -6
- package/dist/components/layout/toolbar/ViewModeTool.js +31 -19
- package/dist/components/layout/toolbar/ZoomTool.js +104 -84
- package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +38 -12
- package/dist/components/layout/toolbar/tools/DualPageTool.js +26 -0
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +31 -9
- package/dist/components/layout/toolbar/tools/FileUploadTool.js +29 -8
- package/dist/components/layout/toolbar/tools/FullScreenTool.js +25 -13
- package/dist/components/layout/toolbar/tools/InputPageTool.js +66 -26
- package/dist/components/layout/toolbar/tools/NextPageTool.js +36 -47
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +51 -11
- package/dist/components/layout/toolbar/tools/PrintTool.js +29 -7
- package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +31 -8
- package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +34 -11
- 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 +17 -6
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +35 -13
- package/dist/components/layout/toolbar/tools/ZoomInTool.js +49 -20
- package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +27 -0
- package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +57 -23
- package/dist/components/layout/toolbar/tools/ZoomOutTool.js +47 -18
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +122 -45
- package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +37 -11
- package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +18 -5
- package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +36 -11
- package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +25 -50
- package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +24 -9
- package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +47 -54
- package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +32 -7
- package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +36 -12
- package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +26 -14
- package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +27 -15
- package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +30 -18
- package/dist/components/page/AnnotationLayer.js +130 -54
- package/dist/components/page/CanvasLayer.js +62 -49
- package/dist/components/page/CustomElement.js +49 -18
- package/dist/components/page/DualPage.js +97 -4
- package/dist/components/page/RPPage.js +134 -51
- package/dist/components/page/SinglePage.js +87 -4
- package/dist/components/page/TextHighlightLayer.js +195 -57
- package/dist/components/page/TextLayer.js +193 -52
- package/dist/components/ui/Button.js +9 -8
- package/dist/components/ui/Checkbox.js +27 -25
- package/dist/components/ui/DropDown.js +21 -14
- package/dist/components/ui/Input.js +10 -9
- package/dist/components/ui/LoadingIndicator.js +45 -5
- package/dist/components/ui/PasswordModal.js +18 -15
- package/dist/components/ui/RPTooltip.js +98 -95
- package/dist/contexts/DimensionPagesContext.js +35 -17
- package/dist/contexts/DropFileZoneContext.js +32 -22
- package/dist/contexts/ElementPageContext.js +114 -51
- package/dist/contexts/EventCallbackContext.js +30 -0
- package/dist/contexts/FileInputContext.js +32 -22
- package/dist/contexts/FullScreenContext.js +17 -10
- package/dist/contexts/GlobalCurrentPage.js +13 -10
- package/dist/contexts/HighlightContext.js +24 -11
- package/dist/contexts/LicenseContext.js +1 -0
- package/dist/contexts/LoaderContext.js +10 -9
- package/dist/contexts/LocalizationContext.js +25 -29
- package/dist/contexts/PagesRotateContext.js +36 -18
- package/dist/contexts/PaginationContext.js +32 -4
- package/dist/contexts/PrintContext.js +76 -6
- package/dist/contexts/RPDocumentContext.js +48 -30
- package/dist/contexts/RenderQueueProvider.js +70 -8
- package/dist/contexts/RotationContext.js +25 -15
- package/dist/contexts/ScrollModeContext.js +7 -6
- package/dist/contexts/SearchContext.js +94 -6
- package/dist/contexts/SelectionModeContext.js +5 -4
- package/dist/contexts/ThumbnailsContext.js +41 -6
- package/dist/contexts/ViewModeContext.js +10 -9
- package/dist/contexts/ZoomContext.js +48 -38
- 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-35c7f4a2.js → index-c0faa594.js} +63 -86
- package/dist/index-e3ee9457.js +150 -0
- package/dist/libInjectCss.js +9 -0
- package/dist/main.js +269 -84
- package/dist/types/assets/style.d.ts +1 -0
- 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/components/layout/toolbar/tools/ZoomLevelDisplay.d.ts +7 -0
- package/dist/types/contexts/EventCallbackContext.d.ts +5 -0
- package/dist/types/contexts/RenderQueueProvider.d.ts +2 -2
- package/dist/types/libInjectCss.d.ts +1 -0
- package/dist/types/main.d.ts +6 -6
- package/dist/types/utils/annotations.d.ts +3 -3
- package/dist/types/utils/approximateFragtion.d.ts +9 -0
- package/dist/types/utils/getElementPositionInPage.d.ts +5 -0
- 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/injectPrintCSS.d.ts +1 -0
- package/dist/types/utils/link_service.d.ts +11 -1
- package/dist/types/utils/renderPage.d.ts +2 -2
- package/dist/types/utils/types.d.ts +38 -5
- package/dist/types/utils/zoom.d.ts +2 -0
- package/dist/utils/annotations.js +125 -149
- package/dist/utils/approximateFragtion.js +22 -0
- package/dist/utils/getElementPositionInPage.js +84 -0
- package/dist/utils/getWordPositionInPage.js +5 -5
- package/dist/utils/getZoomLevel.js +9 -8
- package/dist/utils/highlight.js +72 -72
- package/dist/utils/hooks/useCopyText.js +36 -0
- package/dist/utils/hooks/useDarkModeProps.js +3 -2
- package/dist/utils/hooks/useFileDownload.js +29 -54
- package/dist/utils/hooks/useHighlight.js +34 -33
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/useLoadPdf.js +44 -36
- package/dist/utils/hooks/useLoadWorker.js +11 -8
- package/dist/utils/hooks/useLocalization.js +13 -13
- package/dist/utils/hooks/usePageRotateContext.js +33 -17
- package/dist/utils/hooks/usePaginate.js +26 -49
- package/dist/utils/hooks/usePinch.js +62 -41
- package/dist/utils/hooks/usePresentPage.js +80 -50
- package/dist/utils/hooks/usePrint.js +181 -55
- package/dist/utils/hooks/useRotate.js +21 -7
- package/dist/utils/hooks/useScrollToPage.js +26 -51
- package/dist/utils/hooks/useSearch.js +141 -55
- package/dist/utils/hooks/useThumbnail.js +55 -55
- package/dist/utils/hooks/useVirtualReactWindow.js +70 -52
- package/dist/utils/hooks/useWatermark.js +18 -15
- package/dist/utils/injectPrintCSS.js +22 -0
- package/dist/utils/link_service.js +49 -9
- package/dist/utils/renderPage.js +13 -10
- package/dist/utils/zoom.js +6 -0
- package/package.json +6 -8
- package/dist/SearchCloseButton-cbf182aa.js +0 -33
- package/dist/ToolbarLayout.module-c588d36b.js +0 -3411
- package/dist/assets/Button.css +0 -1
- package/dist/assets/Checkbox.css +0 -1
- package/dist/assets/Container.css +0 -1
- package/dist/assets/DropDown.css +0 -1
- package/dist/assets/Input.css +0 -1
- package/dist/assets/LayoutWrapper.css +0 -1
- package/dist/assets/LoaderIcon.css +0 -1
- package/dist/assets/MenuItem.css +0 -1
- package/dist/assets/MenuSeparator.css +0 -1
- package/dist/assets/PasswordModal.css +0 -1
- package/dist/assets/PropertyItem.css +0 -1
- package/dist/assets/RPDropFileZone.css +0 -1
- package/dist/assets/RPSplitter.css +0 -1
- package/dist/assets/RPTooltip.css +0 -1
- package/dist/assets/RotateTool.css +0 -1
- package/dist/assets/SearchCloseButton.css +0 -1
- package/dist/assets/ToolbarLayout.css +0 -1
- package/dist/assets/WrapperLayout.css +0 -1
- package/dist/assets/ZoomTool.css +0 -1
- package/dist/floating-ui.react-dom-6b2fe0df.js +0 -1474
- package/dist/index-f563c6f0.js +0 -1889
|
@@ -1,97 +1,107 @@
|
|
|
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
|
|
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";
|
|
12
12
|
import { useGlobalCurrentPage as K } from "./GlobalCurrentPage.js";
|
|
13
13
|
import { useDebounce as Q } from "../utils/hooks/useDebounce.js";
|
|
14
|
-
|
|
14
|
+
import "../th_TH-d627cd51.js";
|
|
15
|
+
import "../utils/hooks/useLoadPdf.js";
|
|
16
|
+
import "pdfjs-dist";
|
|
17
|
+
import "../utils/getThumbnailViewport.js";
|
|
18
|
+
import "./ConfigContext.js";
|
|
19
|
+
import "./DocumentPasswordContext.js";
|
|
20
|
+
import "../utils/hooks/usePdfProperties.js";
|
|
21
|
+
import "../utils/convertPdfDate.js";
|
|
22
|
+
import "../utils/formatFileSize.js";
|
|
23
|
+
import "./EventCallbackContext.js";
|
|
24
|
+
const W = M({
|
|
15
25
|
zoomLevel: 100,
|
|
16
26
|
currentZoom: 1,
|
|
17
27
|
setZoomLevel: () => {
|
|
18
28
|
}
|
|
19
|
-
}),
|
|
20
|
-
const
|
|
21
|
-
return typeof
|
|
22
|
-
},
|
|
23
|
-
const { initialScale:
|
|
29
|
+
}), Le = () => {
|
|
30
|
+
const m = O(W);
|
|
31
|
+
return typeof m.currentZoom != "number" && _.warn("Please use this hooks inside children component of RPProvider"), m;
|
|
32
|
+
}, Pe = ({ children: m }) => {
|
|
33
|
+
const { initialScale: b = J.PAGE_FIT } = j(), [s, H] = u(b), { pages: l } = F(), { pagesRef: t } = k(), { viewMode: p } = q(), [V, z] = u({
|
|
24
34
|
width: (t == null ? void 0 : t.clientWidth) || 0,
|
|
25
35
|
height: (t == null ? void 0 : t.clientHeight) || 0
|
|
26
|
-
}),
|
|
27
|
-
|
|
36
|
+
}), h = Q(V, 100), { rotate: g } = B(), [n, y] = u(null), d = R(null), { currentPage: v } = K(), [w, N] = u(v);
|
|
37
|
+
f(() => {
|
|
28
38
|
let e = l.get(w);
|
|
29
39
|
e || (e = l.get(1));
|
|
30
40
|
const o = e == null ? void 0 : e.page.getViewport({
|
|
31
41
|
scale: 1,
|
|
32
42
|
rotation: e.defaultRotation + g
|
|
33
43
|
});
|
|
34
|
-
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));
|
|
35
45
|
}, [l, g, w]);
|
|
36
|
-
const
|
|
46
|
+
const c = x(() => {
|
|
37
47
|
if (!n)
|
|
38
48
|
return null;
|
|
39
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;
|
|
40
50
|
return { pageWidth: e, pageHeight: o, clientWidth: i, clientHeight: r };
|
|
41
|
-
}, [n, t]), L =
|
|
42
|
-
const e =
|
|
43
|
-
if (!
|
|
51
|
+
}, [n, t]), L = C(() => {
|
|
52
|
+
const e = c();
|
|
53
|
+
if (!h.width || !h.height || !e)
|
|
44
54
|
return 0;
|
|
45
55
|
if (typeof s == "number")
|
|
46
56
|
return s / 100;
|
|
47
|
-
const { clientWidth: o, clientHeight: i, pageWidth: r, pageHeight:
|
|
48
|
-
return
|
|
49
|
-
}, [s,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}, [s]),
|
|
57
|
+
const { clientWidth: o, clientHeight: i, pageWidth: r, pageHeight: a } = e;
|
|
58
|
+
return D(s, o, i, r, a, p) / 100;
|
|
59
|
+
}, [s, h, c, p]);
|
|
60
|
+
f(() => {
|
|
61
|
+
N(v);
|
|
62
|
+
}, [s]), f(() => {
|
|
53
63
|
const e = (i) => {
|
|
54
64
|
i.forEach((r) => {
|
|
55
|
-
|
|
65
|
+
z({ width: r.contentRect.width, height: r.contentRect.height });
|
|
56
66
|
});
|
|
57
67
|
}, o = new ResizeObserver(e);
|
|
58
68
|
return t && o.observe(t), () => {
|
|
59
69
|
o.disconnect();
|
|
60
70
|
};
|
|
61
71
|
}, [t]);
|
|
62
|
-
const
|
|
72
|
+
const P = x(
|
|
63
73
|
(e) => {
|
|
64
74
|
let o = 0;
|
|
65
75
|
if (typeof e == "function") {
|
|
66
|
-
const i =
|
|
76
|
+
const i = c();
|
|
67
77
|
if (!i)
|
|
68
78
|
return;
|
|
69
|
-
const { clientWidth: r, clientHeight:
|
|
79
|
+
const { clientWidth: r, clientHeight: a, pageWidth: Z, pageHeight: E } = i;
|
|
70
80
|
o = (G) => {
|
|
71
|
-
const A =
|
|
81
|
+
const A = D(
|
|
72
82
|
G,
|
|
73
83
|
r,
|
|
74
|
-
|
|
75
|
-
|
|
84
|
+
a,
|
|
85
|
+
Z,
|
|
76
86
|
E,
|
|
77
|
-
|
|
87
|
+
p
|
|
78
88
|
);
|
|
79
89
|
return e(A);
|
|
80
90
|
};
|
|
81
91
|
} else
|
|
82
92
|
o = e;
|
|
83
|
-
o &&
|
|
93
|
+
o && H(o);
|
|
84
94
|
},
|
|
85
|
-
[
|
|
86
|
-
), S =
|
|
95
|
+
[c]
|
|
96
|
+
), S = C(() => ({
|
|
87
97
|
zoomLevel: s,
|
|
88
98
|
currentZoom: L,
|
|
89
|
-
setZoomLevel:
|
|
90
|
-
}), [L, s]);
|
|
91
|
-
return /* @__PURE__ */ I(
|
|
99
|
+
setZoomLevel: P
|
|
100
|
+
}), [L, s, P]);
|
|
101
|
+
return /* @__PURE__ */ I(W.Provider, { value: S, children: m });
|
|
92
102
|
};
|
|
93
103
|
export {
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
104
|
+
W as ZoomContext,
|
|
105
|
+
Pe as ZoomProvider,
|
|
106
|
+
Le as useZoomContext
|
|
97
107
|
};
|