@react-pdf-kit/viewer 2.1.0 → 2.2.0-beta.1
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-136ff99c.js → Combination-479e39c6.js} +187 -184
- package/dist/assets/style.css +1 -1
- package/dist/components/RPConfig.js +15 -7
- package/dist/components/RPDropFileZone.js +34 -27
- package/dist/components/layout/RPDefaultLayout.js +10 -8
- package/dist/components/layout/RPLayout.js +26 -23
- package/dist/components/layout/WrapperLayout.js +9 -9
- package/dist/components/layout/sidebar/RPSidebar.js +4 -4
- package/dist/components/layout/toolbar/DarkModeTool.js +4 -4
- package/dist/components/layout/toolbar/DocumentDialog.js +3 -3
- package/dist/components/layout/toolbar/DocumentProperties.js +6 -6
- package/dist/components/layout/toolbar/FileDownloadTool.js +6 -6
- package/dist/components/layout/toolbar/FileUploadTool.js +6 -6
- package/dist/components/layout/toolbar/FullScreenTool.js +6 -6
- package/dist/components/layout/toolbar/MenuItem.js +6 -6
- package/dist/components/layout/toolbar/MenuSeparator.js +6 -6
- package/dist/components/layout/toolbar/MostPageTool.js +6 -6
- package/dist/components/layout/toolbar/OtherTool.js +6 -6
- package/dist/components/layout/toolbar/Paginate.js +4 -4
- package/dist/components/layout/toolbar/PrintTool.js +6 -6
- package/dist/components/layout/toolbar/RPMenuItem.js +6 -6
- package/dist/components/layout/toolbar/RPMoreOptions.js +6 -6
- package/dist/components/layout/toolbar/RPToolbar.js +6 -6
- package/dist/components/layout/toolbar/RPToolbarEnd.js +6 -6
- package/dist/components/layout/toolbar/RotateTool.js +6 -6
- package/dist/components/layout/toolbar/ScrollModeTool.js +6 -6
- package/dist/components/layout/toolbar/SearchCloseButton.js +4 -4
- package/dist/components/layout/toolbar/SearchResultNavigator.js +4 -4
- package/dist/components/layout/toolbar/SearchTool.js +6 -6
- package/dist/components/layout/toolbar/SelectionModeTool.js +6 -6
- package/dist/components/layout/toolbar/ThumbnailTool.js +4 -4
- package/dist/components/layout/toolbar/ToolbarDefault.js +6 -6
- package/dist/components/layout/toolbar/ToolbarLayout.js +6 -6
- package/dist/components/layout/toolbar/ViewModeTool.js +6 -6
- package/dist/components/layout/toolbar/ZoomTool.js +6 -6
- package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +5 -5
- package/dist/components/layout/toolbar/tools/DualPageTool.js +4 -4
- package/dist/components/layout/toolbar/tools/DualPageWithCoverTool.js +10 -8
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +4 -4
- package/dist/components/layout/toolbar/tools/FileUploadTool.js +4 -4
- package/dist/components/layout/toolbar/tools/FirstPageTool.js +10 -8
- package/dist/components/layout/toolbar/tools/FullScreenTool.js +4 -4
- package/dist/components/layout/toolbar/tools/HorizontalScrollingTool.js +4 -4
- package/dist/components/layout/toolbar/tools/InputPageTool.js +4 -4
- package/dist/components/layout/toolbar/tools/LastPageTool.js +10 -8
- package/dist/components/layout/toolbar/tools/NextPageTool.js +4 -4
- package/dist/components/layout/toolbar/tools/PageScrollingTool.js +4 -4
- 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 +4 -4
- package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +4 -4
- package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +4 -4
- package/dist/components/layout/toolbar/tools/SinglePageTool.js +4 -4
- package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +4 -4
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +4 -4
- package/dist/components/layout/toolbar/tools/VerticalScrollingTool.js +4 -4
- package/dist/components/layout/toolbar/tools/ZoomInTool.js +4 -4
- package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +6 -6
- package/dist/components/layout/toolbar/tools/ZoomOutTool.js +4 -4
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +6 -6
- package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +4 -4
- package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +6 -6
- package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +6 -6
- package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +6 -6
- package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +6 -6
- package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +6 -6
- package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +6 -6
- package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +6 -6
- package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +6 -6
- package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +6 -6
- package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +6 -6
- package/dist/components/ui/Checkbox.js +2 -2
- package/dist/components/ui/DropDown.js +6 -6
- package/dist/components/ui/RPTooltip.js +197 -411
- package/dist/contexts/ConfigContext.js +5 -4
- package/dist/contexts/LayoutDropFileZoneContext.js +11 -0
- package/dist/{index-c0faa594.js → index-113053cf.js} +2 -2
- package/dist/{index-e3ee9457.js → index-23911b43.js} +6 -6
- package/dist/index-535ad364.js +983 -0
- package/dist/{index-655864a7.js → index-ada501c4.js} +1 -1
- package/dist/index-d0f0aa9a.js +1542 -0
- package/dist/main.js +115 -113
- package/dist/types/contexts/LayoutDropFileZoneContext.d.ts +9 -0
- package/dist/types/utils/hooks/useDropFileZone.d.ts +5 -0
- package/dist/types/utils/types.d.ts +2 -0
- package/dist/utils/hooks/useDropFileZone.js +12 -0
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/useLoadPdf.js +44 -43
- package/package.json +2 -4
- package/dist/floating-ui.react-dom-5ec29bd6.js +0 -1327
- package/dist/index-61f59539.js +0 -1198
package/dist/main.js
CHANGED
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
import { RPProvider as
|
|
2
|
-
import { RPPages as
|
|
3
|
-
import { RPConfig as
|
|
4
|
-
import { RPDefaultLayout as
|
|
5
|
-
import { RPLayout as
|
|
6
|
-
import { RPTheme as
|
|
7
|
-
import { default as
|
|
8
|
-
import { UIButton as
|
|
9
|
-
import { useDarkModeContext as
|
|
10
|
-
import { u as
|
|
11
|
-
import { useDocumentContext as
|
|
12
|
-
import { useRotationContext as
|
|
13
|
-
import { useViewModeContext as
|
|
14
|
-
import { useDropFileZoneContext as
|
|
15
|
-
import { useFileDownload as
|
|
16
|
-
import { useOpenFileContext as
|
|
17
|
-
import { usePrintContext as
|
|
18
|
-
import { useZoomContext as
|
|
19
|
-
import { useSearchContext as
|
|
20
|
-
import { useHighlightContext as
|
|
21
|
-
import { useFullScreenContext as
|
|
22
|
-
import { usePageRotateContext as
|
|
23
|
-
import { useElementPageContext as
|
|
24
|
-
import { SearchTool as
|
|
25
|
-
import { ThemeSwitcherTool as
|
|
26
|
-
import { ThumbnailTool as
|
|
27
|
-
import { FileUploadTool as
|
|
28
|
-
import { FileDownloadTool as
|
|
29
|
-
import { PrintTool as
|
|
30
|
-
import { FullScreenTool as
|
|
31
|
-
import { PreviousPageTool as
|
|
32
|
-
import { NextPageTool as
|
|
33
|
-
import { InputPageTool as
|
|
34
|
-
import { ZoomInTool as
|
|
35
|
-
import { ZoomOutTool as
|
|
36
|
-
import { ZoomLevelTool as
|
|
37
|
-
import { DocumentPropertiesTool as
|
|
38
|
-
import { RotateClockwiseTool as
|
|
39
|
-
import { RotateCounterclockwiseTool as
|
|
40
|
-
import { RPHorizontalBar as
|
|
41
|
-
import { RPVerticalBar as
|
|
42
|
-
import { SelectionModeSwitcherTool as
|
|
43
|
-
import { SinglePageTool as
|
|
44
|
-
import { DualPageTool as
|
|
45
|
-
import { DualPageWithCoverTool as
|
|
46
|
-
import { PageScrollingTool as
|
|
47
|
-
import { VerticalScrollingTool as
|
|
48
|
-
import { HorizontalScrollingTool as
|
|
49
|
-
import { FirstPageTool as
|
|
50
|
-
import { LastPageTool as
|
|
51
|
-
import { Locales as
|
|
1
|
+
import { RPProvider as Dt } from "./components/RPProvider.js";
|
|
2
|
+
import { RPPages as Ft } from "./components/RPPages.js";
|
|
3
|
+
import { RPConfig as Mt } from "./components/RPConfig.js";
|
|
4
|
+
import { RPDefaultLayout as vt } from "./components/layout/RPDefaultLayout.js";
|
|
5
|
+
import { RPLayout as Bt } from "./components/layout/RPLayout.js";
|
|
6
|
+
import { RPTheme as Ht } from "./components/RPTheme.js";
|
|
7
|
+
import { default as bt } from "./components/ui/RPTooltip.js";
|
|
8
|
+
import { UIButton as zt } from "./components/ui/Button.js";
|
|
9
|
+
import { useDarkModeContext as Ut } from "./contexts/DarkModeContext.js";
|
|
10
|
+
import { u as Nt } from "./PaginationContext-9217cab4.js";
|
|
11
|
+
import { useDocumentContext as jt } from "./contexts/RPDocumentContext.js";
|
|
12
|
+
import { useRotationContext as At } from "./contexts/RotationContext.js";
|
|
13
|
+
import { useViewModeContext as Jt } from "./contexts/ViewModeContext.js";
|
|
14
|
+
import { useDropFileZoneContext as Qt } from "./contexts/DropFileZoneContext.js";
|
|
15
|
+
import { useFileDownload as Yt } from "./utils/hooks/useFileDownload.js";
|
|
16
|
+
import { useOpenFileContext as $t } from "./contexts/FileInputContext.js";
|
|
17
|
+
import { usePrintContext as rm } from "./contexts/PrintContext.js";
|
|
18
|
+
import { useZoomContext as mm } from "./contexts/ZoomContext.js";
|
|
19
|
+
import { useSearchContext as im } from "./contexts/SearchContext.js";
|
|
20
|
+
import { useHighlightContext as lm } from "./contexts/HighlightContext.js";
|
|
21
|
+
import { useFullScreenContext as fm } from "./contexts/FullScreenContext.js";
|
|
22
|
+
import { usePageRotateContext as nm } from "./utils/hooks/usePageRotateContext.js";
|
|
23
|
+
import { useElementPageContext as Tm } from "./contexts/ElementPageContext.js";
|
|
24
|
+
import { SearchTool as sm } from "./components/layout/toolbar/SearchTool.js";
|
|
25
|
+
import { ThemeSwitcherTool as gm } from "./components/layout/toolbar/tools/ThemeSwitcherTool.js";
|
|
26
|
+
import { ThumbnailTool as Rm } from "./components/layout/toolbar/tools/ThumbnailTool.js";
|
|
27
|
+
import { FileUploadTool as dm } from "./components/layout/toolbar/tools/FileUploadTool.js";
|
|
28
|
+
import { FileDownloadTool as Dm } from "./components/layout/toolbar/tools/FileDownloadTool.js";
|
|
29
|
+
import { PrintTool as Fm } from "./components/layout/toolbar/tools/PrintTool.js";
|
|
30
|
+
import { FullScreenTool as Mm } from "./components/layout/toolbar/tools/FullScreenTool.js";
|
|
31
|
+
import { PreviousPageTool as vm } from "./components/layout/toolbar/tools/PreviousPageTool.js";
|
|
32
|
+
import { NextPageTool as Bm } from "./components/layout/toolbar/tools/NextPageTool.js";
|
|
33
|
+
import { InputPageTool as Hm } from "./components/layout/toolbar/tools/InputPageTool.js";
|
|
34
|
+
import { ZoomInTool as bm } from "./components/layout/toolbar/tools/ZoomInTool.js";
|
|
35
|
+
import { ZoomOutTool as zm } from "./components/layout/toolbar/tools/ZoomOutTool.js";
|
|
36
|
+
import { ZoomLevelTool as Um } from "./components/layout/toolbar/tools/ZoomLevelTool.js";
|
|
37
|
+
import { DocumentPropertiesTool as Nm } from "./components/layout/toolbar/tools/DocumentPropertiesTool.js";
|
|
38
|
+
import { RotateClockwiseTool as jm } from "./components/layout/toolbar/tools/RotateClockwiseTool.js";
|
|
39
|
+
import { RotateCounterclockwiseTool as Am } from "./components/layout/toolbar/tools/RotateCounterclockwiseTool.js";
|
|
40
|
+
import { RPHorizontalBar as Jm } from "./components/layout/toolbar/tools/defaults/RPHorizontalBar.js";
|
|
41
|
+
import { RPVerticalBar as Qm } from "./components/layout/toolbar/tools/defaults/RPVerticalBar.js";
|
|
42
|
+
import { SelectionModeSwitcherTool as Ym } from "./components/layout/toolbar/tools/SelectionModeSwitcherTool.js";
|
|
43
|
+
import { SinglePageTool as $m } from "./components/layout/toolbar/tools/SinglePageTool.js";
|
|
44
|
+
import { DualPageTool as rp } from "./components/layout/toolbar/tools/DualPageTool.js";
|
|
45
|
+
import { DualPageWithCoverTool as mp } from "./components/layout/toolbar/tools/DualPageWithCoverTool.js";
|
|
46
|
+
import { PageScrollingTool as ip } from "./components/layout/toolbar/tools/PageScrollingTool.js";
|
|
47
|
+
import { VerticalScrollingTool as lp } from "./components/layout/toolbar/tools/VerticalScrollingTool.js";
|
|
48
|
+
import { HorizontalScrollingTool as fp } from "./components/layout/toolbar/tools/HorizontalScrollingTool.js";
|
|
49
|
+
import { FirstPageTool as np } from "./components/layout/toolbar/tools/FirstPageTool.js";
|
|
50
|
+
import { LastPageTool as Tp } from "./components/layout/toolbar/tools/LastPageTool.js";
|
|
51
|
+
import { Locales as sp, ScrollMode as cp, SelectionMode as gp, ThemeVariables as Cp, ViewMode as Rp, ZoomLevel as Sp } from "./utils/types.js";
|
|
52
52
|
import "react/jsx-runtime";
|
|
53
53
|
import "react";
|
|
54
54
|
import "./contexts/DocumentPasswordContext.js";
|
|
@@ -139,13 +139,13 @@ import "./components/layout/toolbar/RPToolbarEnd.js";
|
|
|
139
139
|
import "./components/layout/toolbar/FileUploadTool.js";
|
|
140
140
|
import "./components/icons/FileUploadDefaultIcon.js";
|
|
141
141
|
import "./components/layout/toolbar/MenuItem.js";
|
|
142
|
-
import "./index-
|
|
143
|
-
import "./index-
|
|
142
|
+
import "./index-535ad364.js";
|
|
143
|
+
import "./index-113053cf.js";
|
|
144
144
|
import "react-dom";
|
|
145
|
-
import "./index-
|
|
146
|
-
import "./Combination-
|
|
147
|
-
import "./
|
|
148
|
-
import "./index-
|
|
145
|
+
import "./index-23911b43.js";
|
|
146
|
+
import "./Combination-479e39c6.js";
|
|
147
|
+
import "./index-d0f0aa9a.js";
|
|
148
|
+
import "./index-ada501c4.js";
|
|
149
149
|
import "./components/layout/toolbar/DarkModeTool.js";
|
|
150
150
|
import "./components/icons/MoonIcon.js";
|
|
151
151
|
import "./components/icons/SunIcon.js";
|
|
@@ -202,6 +202,8 @@ import "./components/layout/WrapperLayout.js";
|
|
|
202
202
|
import "./components/RPDropFileZone.js";
|
|
203
203
|
import "./components/icons/LightPdfIcon.js";
|
|
204
204
|
import "./components/icons/DarkPdfIcon.js";
|
|
205
|
+
import "./utils/hooks/useDropFileZone.js";
|
|
206
|
+
import "./contexts/LayoutDropFileZoneContext.js";
|
|
205
207
|
import "./components/layout/SkipLink.js";
|
|
206
208
|
import "./components/layout/toolbar/ToolbarLayout.js";
|
|
207
209
|
import "./components/layout/toolbar/ToolbarDefault.js";
|
|
@@ -230,60 +232,60 @@ import "./components/layout/toolbar/SearchCloseButton.js";
|
|
|
230
232
|
import "./components/icons/ChevronDownIcon.js";
|
|
231
233
|
import "./components/layout/toolbar/ThumbnailTool.js";
|
|
232
234
|
export {
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
235
|
+
Nm as DocumentPropertiesTool,
|
|
236
|
+
rp as DualPageTool,
|
|
237
|
+
mp as DualPageWithCoverTool,
|
|
238
|
+
Dm as FileDownloadTool,
|
|
239
|
+
dm as FileUploadTool,
|
|
240
|
+
np as FirstPageTool,
|
|
241
|
+
Mm as FullScreenTool,
|
|
242
|
+
fp as HorizontalScrollingTool,
|
|
243
|
+
Hm as InputPageTool,
|
|
244
|
+
Tp as LastPageTool,
|
|
245
|
+
sp as Locales,
|
|
246
|
+
Bm as NextPageTool,
|
|
247
|
+
ip as PageScrollingTool,
|
|
248
|
+
vm as PreviousPageTool,
|
|
249
|
+
Fm as PrintTool,
|
|
250
|
+
zt as RPButton,
|
|
251
|
+
Mt as RPConfig,
|
|
252
|
+
vt as RPDefaultLayout,
|
|
253
|
+
Jm as RPHorizontalBar,
|
|
254
|
+
Bt as RPLayout,
|
|
255
|
+
Ft as RPPages,
|
|
256
|
+
Dt as RPProvider,
|
|
257
|
+
Ht as RPTheme,
|
|
258
|
+
bt as RPTooltip,
|
|
259
|
+
Qm as RPVerticalBar,
|
|
260
|
+
jm as RotateClockwiseTool,
|
|
261
|
+
Am as RotateCounterclockwiseTool,
|
|
262
|
+
cp as ScrollMode,
|
|
263
|
+
sm as SearchTool,
|
|
264
|
+
gp as SelectionMode,
|
|
265
|
+
Ym as SelectionModeSwitcherTool,
|
|
266
|
+
$m as SinglePageTool,
|
|
267
|
+
gm as ThemeSwitcherTool,
|
|
268
|
+
Cp as ThemeVariables,
|
|
269
|
+
Rm as ThumbnailTool,
|
|
270
|
+
lp as VerticalScrollingTool,
|
|
271
|
+
Rp as ViewMode,
|
|
272
|
+
bm as ZoomInTool,
|
|
273
|
+
Sp as ZoomLevel,
|
|
274
|
+
Um as ZoomLevelTool,
|
|
275
|
+
zm as ZoomOutTool,
|
|
276
|
+
Ut as useDarkModeContext,
|
|
277
|
+
jt as useDocumentContext,
|
|
278
|
+
Qt as useDropFileZoneContext,
|
|
279
|
+
Tm as useElementPageContext,
|
|
280
|
+
Yt as useFileDownload,
|
|
281
|
+
fm as useFullScreenContext,
|
|
282
|
+
lm as useHighlightContext,
|
|
283
|
+
$t as useOpenFileContext,
|
|
284
|
+
nm as usePageRotateContext,
|
|
285
|
+
Nt as usePaginationContext,
|
|
286
|
+
rm as usePrintContext,
|
|
287
|
+
At as useRotationContext,
|
|
288
|
+
im as useSearchContext,
|
|
289
|
+
Jt as useViewModeContext,
|
|
290
|
+
mm as useZoomContext
|
|
289
291
|
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
interface LayoutDropFileZoneProviderProps extends PropsWithChildren {
|
|
3
|
+
value: LayoutDropFileZoneValue;
|
|
4
|
+
}
|
|
5
|
+
type LayoutDropFileZoneValue = boolean | React.ReactNode | React.ComponentType;
|
|
6
|
+
export declare const LayoutDropFileZoneContext: import('react').Context<LayoutDropFileZoneValue>;
|
|
7
|
+
export declare const useLayoutDropFileZoneContext: () => LayoutDropFileZoneValue;
|
|
8
|
+
export declare const LayoutDropFileZoneProvider: FC<LayoutDropFileZoneProviderProps>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const useDropFileZone: () => {
|
|
2
|
+
DropFileZoneLayout: import('react').ReactNode | import('react').ComponentType<{}>;
|
|
3
|
+
DropFileZoneTool: import('react').ReactNode | import('react').ComponentType<{}>;
|
|
4
|
+
DropFileZoneToolbar: import('react').ReactNode | import('react').ComponentType<{}>;
|
|
5
|
+
};
|
|
@@ -363,6 +363,7 @@ export interface PdfProperties {
|
|
|
363
363
|
}
|
|
364
364
|
export interface ConfigContextType {
|
|
365
365
|
workerUrlAdded: boolean;
|
|
366
|
+
wasmUrl?: string;
|
|
366
367
|
}
|
|
367
368
|
export declare enum ThemeVariables {
|
|
368
369
|
FONT_FAMILY = "--rp-font-family",
|
|
@@ -521,6 +522,7 @@ export interface RPDefaultLayoutProps extends PropsWithChildren, ViewportProps {
|
|
|
521
522
|
cleanupOnLoaded?: () => void;
|
|
522
523
|
}
|
|
523
524
|
export interface RPLayoutProps extends PropsWithChildren, ViewportProps {
|
|
525
|
+
dropFileZone?: boolean | React.ReactNode | React.ComponentType;
|
|
524
526
|
toolbar?: boolean | Partial<ToolbarProps>;
|
|
525
527
|
style?: React.CSSProperties;
|
|
526
528
|
className?: string;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { useLayoutDropFileZoneContext as r } from "../../contexts/LayoutDropFileZoneContext.js";
|
|
2
|
+
import { useToolComponentContext as n } from "../../contexts/ToolComponentContext.js";
|
|
3
|
+
import { useToolbarComponentContext as p } from "../../contexts/ToolbarComponentContext.js";
|
|
4
|
+
import "react/jsx-runtime";
|
|
5
|
+
import "react";
|
|
6
|
+
const F = () => {
|
|
7
|
+
const o = r(), { dropFileZone: e } = n(), { dropFileZone: t } = p();
|
|
8
|
+
return { DropFileZoneLayout: o, DropFileZoneTool: e, DropFileZoneToolbar: t };
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
F as useDropFileZone
|
|
12
|
+
};
|
|
@@ -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("2026-03-
|
|
3
|
+
const b = /* @__PURE__ */ new Date("2026-03-13T02:38:59.522Z"), 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,42 +1,43 @@
|
|
|
1
|
-
import { useState as
|
|
2
|
-
import * as
|
|
3
|
-
import { ErrorType as
|
|
4
|
-
import { getThumbnailViewport as
|
|
5
|
-
import { useConfigContext as
|
|
6
|
-
import { useDocumentPasswordContext as
|
|
1
|
+
import { useState as a, useRef as F, useEffect as v } from "react";
|
|
2
|
+
import * as U from "pdfjs-dist";
|
|
3
|
+
import { ErrorType as j } from "../types.js";
|
|
4
|
+
import { getThumbnailViewport as z } from "../getThumbnailViewport.js";
|
|
5
|
+
import { useConfigContext as _ } from "../../contexts/ConfigContext.js";
|
|
6
|
+
import { useDocumentPasswordContext as B } from "../../contexts/DocumentPasswordContext.js";
|
|
7
7
|
import "../../de_DE-a553b162.js";
|
|
8
8
|
import "react/jsx-runtime";
|
|
9
9
|
import "../appConsole.js";
|
|
10
|
-
const
|
|
11
|
-
const [n, q] =
|
|
12
|
-
return
|
|
13
|
-
|
|
14
|
-
}, [
|
|
15
|
-
if (!
|
|
10
|
+
const Z = (m, s, h = {}) => {
|
|
11
|
+
const [n, q] = a(), { workerUrlAdded: S, wasmUrl: f } = _(), [D, T] = a(/* @__PURE__ */ new Map()), d = F(), [g, P] = a(0), [c, x] = a(!1), [N, O] = a(), { password: u, passwordError: A, setPasswordError: p, passwordRequired: w, setPasswordRequired: E } = B(), { onLoadError: i, onLoaded: b, onLoadProgress: R, disableAutoFetch: C, disableStream: V, rangeChunkSize: I } = h;
|
|
12
|
+
return v(() => {
|
|
13
|
+
R && R(g);
|
|
14
|
+
}, [g, R]), v(() => {
|
|
15
|
+
if (!S || !m)
|
|
16
16
|
return;
|
|
17
|
-
|
|
18
|
-
const r =
|
|
17
|
+
P(0), d.current = Date.now();
|
|
18
|
+
const r = d.current, y = {
|
|
19
19
|
url: m,
|
|
20
20
|
cMapPacked: (s == null ? void 0 : s.isCompressed) ?? !0,
|
|
21
21
|
...(s == null ? void 0 : s.url) && { cMapUrl: s.url },
|
|
22
22
|
...u && { password: u },
|
|
23
|
-
...
|
|
24
|
-
...
|
|
25
|
-
...
|
|
26
|
-
|
|
23
|
+
...C !== void 0 && { disableAutoFetch: C },
|
|
24
|
+
...V !== void 0 && { disableStream: V },
|
|
25
|
+
...I !== void 0 && { rangeChunkSize: I },
|
|
26
|
+
...f && { wasmUrl: f },
|
|
27
|
+
verbosity: U.VerbosityLevel.ERRORS
|
|
27
28
|
};
|
|
28
29
|
try {
|
|
29
|
-
const e =
|
|
30
|
+
const e = U.getDocument(y);
|
|
30
31
|
e.onProgress = (o) => {
|
|
31
|
-
if (r ===
|
|
32
|
-
const { loaded:
|
|
33
|
-
|
|
32
|
+
if (r === d.current) {
|
|
33
|
+
const { loaded: L, total: l } = o, k = l ? Math.min(100, Math.round(L / l * 100)) : 0;
|
|
34
|
+
P(k);
|
|
34
35
|
}
|
|
35
|
-
},
|
|
36
|
-
const t = e.promise.then((o) => (r ===
|
|
37
|
-
o instanceof Error && o.name === "PasswordException" ? (
|
|
36
|
+
}, x(!0);
|
|
37
|
+
const t = e.promise.then((o) => (r === d.current && (q(o), P(100)), b && b(o), E(!1), p(""), o)).catch((o) => {
|
|
38
|
+
o instanceof Error && o.name === "PasswordException" ? (E(!0), p(o.message || "Password required")) : o instanceof Error && o.name === "InvalidPDFException" && u ? (E(!0), p("Incorrect password")) : i && i(o);
|
|
38
39
|
}).finally(() => {
|
|
39
|
-
|
|
40
|
+
x(!1);
|
|
40
41
|
});
|
|
41
42
|
return () => {
|
|
42
43
|
t.finally(() => {
|
|
@@ -44,42 +45,42 @@ const Y = (m, s, h = {}) => {
|
|
|
44
45
|
});
|
|
45
46
|
};
|
|
46
47
|
} catch (e) {
|
|
47
|
-
O(
|
|
48
|
+
O(j.NOT_SUPPORTED), i && i(e);
|
|
48
49
|
}
|
|
49
|
-
}, [m,
|
|
50
|
-
if (
|
|
50
|
+
}, [m, S, f, u, i, b]), v(() => {
|
|
51
|
+
if (w)
|
|
51
52
|
return;
|
|
52
53
|
const r = /* @__PURE__ */ new Map();
|
|
53
|
-
if (!n ||
|
|
54
|
-
|
|
54
|
+
if (!n || c) {
|
|
55
|
+
T(r);
|
|
55
56
|
return;
|
|
56
57
|
}
|
|
57
|
-
const
|
|
58
|
-
for (let t = 1; t <=
|
|
58
|
+
const y = n.numPages, e = [];
|
|
59
|
+
for (let t = 1; t <= y; t++) {
|
|
59
60
|
const o = n.getPage(t);
|
|
60
61
|
e.push(o);
|
|
61
62
|
}
|
|
62
63
|
Promise.all(e).then((t) => {
|
|
63
64
|
t.map((o) => {
|
|
64
|
-
const { thumbnailViewport:
|
|
65
|
+
const { thumbnailViewport: L, scale: l } = z(o), k = o.getViewport();
|
|
65
66
|
r.set(o.pageNumber, {
|
|
66
67
|
page: o,
|
|
67
|
-
thumbnailViewport:
|
|
68
|
+
thumbnailViewport: L,
|
|
68
69
|
thumbnailScale: l,
|
|
69
|
-
defaultRotation:
|
|
70
|
+
defaultRotation: k.rotation
|
|
70
71
|
});
|
|
71
|
-
}),
|
|
72
|
+
}), T(r);
|
|
72
73
|
});
|
|
73
|
-
}, [n,
|
|
74
|
+
}, [n, c, w]), {
|
|
74
75
|
pdf: n,
|
|
75
76
|
pages: D,
|
|
76
|
-
loading:
|
|
77
|
+
loading: c,
|
|
77
78
|
error: N,
|
|
78
|
-
loadingProgress:
|
|
79
|
-
passwordRequired:
|
|
80
|
-
passwordError:
|
|
79
|
+
loadingProgress: g,
|
|
80
|
+
passwordRequired: w,
|
|
81
|
+
passwordError: A
|
|
81
82
|
};
|
|
82
83
|
};
|
|
83
84
|
export {
|
|
84
|
-
|
|
85
|
+
Z as useLoadPdf
|
|
85
86
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-pdf-kit/viewer",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0-beta.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
|
|
6
6
|
"keywords": [
|
|
@@ -11,9 +11,7 @@
|
|
|
11
11
|
"react pdf viewer",
|
|
12
12
|
"pdfjs",
|
|
13
13
|
"pdf-react",
|
|
14
|
-
"react-pdf-kit"
|
|
15
|
-
"react-pdf-kit-viewer",
|
|
16
|
-
"pdf-viewer-kit"
|
|
14
|
+
"react-pdf-kit"
|
|
17
15
|
],
|
|
18
16
|
"homepage": "https://www.react-pdf-kit.dev",
|
|
19
17
|
"license": "See license section",
|