@react-pdf-kit/viewer 2.0.0-beta.1 → 2.0.0-beta.11
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 +26 -23
- 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,142 +1,190 @@
|
|
|
1
|
-
import "react/jsx-runtime";
|
|
2
|
-
import "../../../contexts/LayoutContainerContext.js";
|
|
3
|
-
import "../../icons/ThreeDotIcon.js";
|
|
4
|
-
import "../../ui/Button.js";
|
|
5
|
-
import "../../ui/DropDown.js";
|
|
6
|
-
import {
|
|
7
|
-
import "
|
|
8
|
-
import "./
|
|
9
|
-
import "./
|
|
10
|
-
import "./
|
|
11
|
-
import "
|
|
12
|
-
import "
|
|
13
|
-
import "
|
|
14
|
-
import "
|
|
15
|
-
import "./
|
|
16
|
-
import "
|
|
17
|
-
import "./
|
|
18
|
-
import "
|
|
19
|
-
import "
|
|
20
|
-
import "
|
|
21
|
-
import "
|
|
1
|
+
import { jsxs as m, Fragment as y, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useLayoutContainer as G } from "../../../contexts/LayoutContainerContext.js";
|
|
3
|
+
import { ThreeDotIcon as L } from "../../icons/ThreeDotIcon.js";
|
|
4
|
+
import { UIButton as V } from "../../ui/Button.js";
|
|
5
|
+
import { UIDropDown as B } from "../../ui/DropDown.js";
|
|
6
|
+
import { DocumentDialog as E } from "./DocumentDialog.js";
|
|
7
|
+
import { c as $ } from "../../../OtherTool.module-a4be5f1f.js";
|
|
8
|
+
import { DocumentProperties as q } from "./DocumentProperties.js";
|
|
9
|
+
import { RotateTool as A } from "./RotateTool.js";
|
|
10
|
+
import { ViewModeTool as J } from "./ViewModeTool.js";
|
|
11
|
+
import { ScrollModeTool as K } from "./ScrollModeTool.js";
|
|
12
|
+
import { useViewportContext as Q } from "../../../contexts/ViewportContext.js";
|
|
13
|
+
import { FileUploadTool as W } from "./FileUploadTool.js";
|
|
14
|
+
import { G as X } from "../../../index-4baea9b5.js";
|
|
15
|
+
import { MenuSeparator as Y } from "./MenuSeparator.js";
|
|
16
|
+
import { FileDownloadTool as Z } from "./FileDownloadTool.js";
|
|
17
|
+
import { PrintTool as _ } from "./PrintTool.js";
|
|
18
|
+
import { FullScreenTool as oo } from "./FullScreenTool.js";
|
|
19
|
+
import { MostPageTool as to } from "./MostPageTool.js";
|
|
20
|
+
import ro from "../../ui/RPTooltip.js";
|
|
21
|
+
import { SelectionModeTool as io } from "./SelectionModeTool.js";
|
|
22
|
+
import { useToolbarComponentContext as eo } from "../../../contexts/ToolbarComponentContext.js";
|
|
23
|
+
import { useState as C, useRef as mo, useMemo as F, useEffect as po } from "react";
|
|
24
|
+
import { useLocalizationContext as lo } from "../../../contexts/LocalizationContext.js";
|
|
25
|
+
import { useToolComponentContext as no } from "../../../contexts/ToolComponentContext.js";
|
|
22
26
|
import "../../../clsx-0c6e471a.js";
|
|
23
27
|
import "../../../utils/withRef.js";
|
|
24
|
-
import "../../../index-
|
|
28
|
+
import "../../../index-c0faa594.js";
|
|
25
29
|
import "react-dom";
|
|
26
|
-
import "../../../index-
|
|
27
|
-
import "
|
|
28
|
-
import "../../
|
|
29
|
-
import "../../../utils/
|
|
30
|
-
import "../../../th_TH-d627cd51.js";
|
|
31
|
-
import "../../../contexts/ScrollModeContext.js";
|
|
32
|
-
import "../../../utils/appConsole.js";
|
|
33
|
-
import "../../../contexts/InitialStateContext.js";
|
|
30
|
+
import "../../../index-e3ee9457.js";
|
|
31
|
+
import "../../../Combination-54a77a7a.js";
|
|
32
|
+
import "../../icons/CloseIcon.js";
|
|
33
|
+
import "../../../utils/dateFormatter.js";
|
|
34
34
|
import "../../../contexts/RPDocumentContext.js";
|
|
35
35
|
import "../../../utils/hooks/useLoadPdf.js";
|
|
36
36
|
import "pdfjs-dist";
|
|
37
|
+
import "../../../utils/types.js";
|
|
38
|
+
import "../../../th_TH-d627cd51.js";
|
|
37
39
|
import "../../../utils/getThumbnailViewport.js";
|
|
38
40
|
import "../../../contexts/ConfigContext.js";
|
|
39
41
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
42
|
+
import "../../../utils/appConsole.js";
|
|
40
43
|
import "../../../utils/hooks/usePdfProperties.js";
|
|
41
44
|
import "../../../utils/convertPdfDate.js";
|
|
42
45
|
import "../../../utils/formatFileSize.js";
|
|
43
|
-
import "
|
|
44
|
-
import "../../../
|
|
46
|
+
import "./PropertyItem.js";
|
|
47
|
+
import "../../../contexts/OtherToolContext.js";
|
|
48
|
+
import "./MenuItem.js";
|
|
49
|
+
import "../../icons/InfoIcon.js";
|
|
50
|
+
import "../../../contexts/IconContext.js";
|
|
51
|
+
import "../../../contexts/IconToolContext.js";
|
|
52
|
+
import "../../icons/ClockwiseIcon.js";
|
|
53
|
+
import "../../../RotateTool.module-67946714.js";
|
|
54
|
+
import "../../../utils/hooks/useRotate.js";
|
|
45
55
|
import "../../../contexts/RotationContext.js";
|
|
46
|
-
import "../../../contexts/
|
|
47
|
-
import "
|
|
48
|
-
import "
|
|
49
|
-
import "../../../utils/getZoomLevel.js";
|
|
56
|
+
import "../../../contexts/InitialStateContext.js";
|
|
57
|
+
import "../../icons/DualPageIcon.js";
|
|
58
|
+
import "../../icons/SinglePageIcon.js";
|
|
50
59
|
import "../../../contexts/ViewModeContext.js";
|
|
60
|
+
import "../../icons/CheckIcon.js";
|
|
61
|
+
import "../../../contexts/ScrollModeContext.js";
|
|
62
|
+
import "../../icons/PageScrollingIcon.js";
|
|
63
|
+
import "../../icons/VerticalScrollingIcon.js";
|
|
64
|
+
import "../../icons/HorizontalScrollingIcon.js";
|
|
65
|
+
import "../../icons/FileUploadDefaultIcon.js";
|
|
66
|
+
import "../../../contexts/FileInputContext.js";
|
|
67
|
+
import "../../../floating-ui.react-dom-5ec29bd6.js";
|
|
68
|
+
import "../../../index-655864a7.js";
|
|
69
|
+
import "../../../utils/hooks/useLocalization.js";
|
|
70
|
+
import "../../icons/FileDownloadDefaultIcon.js";
|
|
71
|
+
import "../../../utils/hooks/useFileDownload.js";
|
|
72
|
+
import "../../../contexts/DownloadContext.js";
|
|
73
|
+
import "../../icons/PrintDefaultIcon.js";
|
|
74
|
+
import "../../../contexts/PrintContext.js";
|
|
75
|
+
import "../../../utils/hooks/usePrint.js";
|
|
76
|
+
import "../../../contexts/FullScreenContext.js";
|
|
77
|
+
import "../../../utils/hooks/useFullScreen.js";
|
|
78
|
+
import "../../icons/FullScreenIcon.js";
|
|
79
|
+
import "../../../PaginationContext-9217cab4.js";
|
|
51
80
|
import "../../../contexts/GlobalCurrentPage.js";
|
|
52
81
|
import "../../../contexts/EventCallbackContext.js";
|
|
53
|
-
import "../../../utils/hooks/useDebounce.js";
|
|
54
82
|
import "../../../contexts/VirtualScrollContext.js";
|
|
55
83
|
import "../../../contexts/VirtualGridContext.js";
|
|
56
|
-
import "../../../
|
|
57
|
-
import "../../../contexts/FullScreenContext.js";
|
|
58
|
-
import "../../../utils/hooks/useFullScreen.js";
|
|
59
|
-
import "../../../contexts/FileInputContext.js";
|
|
60
|
-
import "../../../contexts/DropFileZoneContext.js";
|
|
61
|
-
import "../../../utils/highlight.js";
|
|
62
|
-
import "../../../utils/charators.js";
|
|
84
|
+
import "../../../utils/smoothScrollTo.js";
|
|
63
85
|
import "../../../contexts/DimensionPagesContext.js";
|
|
86
|
+
import "../../../contexts/ZoomContext.js";
|
|
87
|
+
import "../../../utils/constants.js";
|
|
88
|
+
import "../../../utils/getZoomLevel.js";
|
|
89
|
+
import "../../../utils/hooks/useDebounce.js";
|
|
64
90
|
import "../../../contexts/PagesRotateContext.js";
|
|
65
|
-
import "../../../contexts/HighlightContext.js";
|
|
66
|
-
import "../../../utils/hooks/useHighlight.js";
|
|
67
|
-
import "../../../contexts/LicenseContext.js";
|
|
68
|
-
import "../../../utils/hooks/useLicense.js";
|
|
69
|
-
import "../../../contexts/DownloadContext.js";
|
|
70
91
|
import "../../../contexts/SmoothScrollContext.js";
|
|
71
|
-
import "../../../contexts/ElementPageContext.js";
|
|
72
|
-
import "../../../utils/const.js";
|
|
73
92
|
import "../../../utils/getScrollDistance.js";
|
|
74
|
-
import "../../../utils/getElementPositionInPage.js";
|
|
75
|
-
import "../../../utils/Queue.js";
|
|
76
|
-
import "../../../utils/renderPage.js";
|
|
77
|
-
import "../../../contexts/LoaderContext.js";
|
|
78
|
-
import "../../icons/LoaderIcon.js";
|
|
79
|
-
import "../../../contexts/IconToolContext.js";
|
|
80
|
-
import "../../../contexts/OtherToolContext.js";
|
|
81
|
-
import "../../RPConfig.js";
|
|
82
|
-
import "../../RPTheme.js";
|
|
83
|
-
import "../../../contexts/ThemeContext.js";
|
|
84
|
-
import "../../../utils/hooks/useLoadWorker.js";
|
|
85
|
-
import "../../icons/Thumbnail.js";
|
|
86
|
-
import "../Container.js";
|
|
87
|
-
import "../sidebar/RPSplitter.js";
|
|
88
|
-
import "../WrapperLayout.js";
|
|
89
|
-
import "../../../LayoutWrapper-6224491f.js";
|
|
90
|
-
import "../../RPDropFileZone.js";
|
|
91
|
-
import "../../icons/LightPdfIcon.js";
|
|
92
|
-
import "../../icons/DarkPdfIcon.js";
|
|
93
|
-
import "../../../utils/hooks/useLocalization.js";
|
|
94
|
-
import "../../../SearchCloseButton-08d57275.js";
|
|
95
|
-
import "../../icons/CloseIcon.js";
|
|
96
|
-
import "../../ui/Checkbox.js";
|
|
97
|
-
import "../../icons/CheckIcon.js";
|
|
98
|
-
import "../../../contexts/IconContext.js";
|
|
99
|
-
import "./MenuItem.js";
|
|
100
|
-
import "../../../utils/dateFormatter.js";
|
|
101
|
-
import "./PropertyItem.js";
|
|
102
|
-
import "../../../RotateTool.module-67946714.js";
|
|
103
|
-
import "../../../utils/hooks/useInfiniteScroll.js";
|
|
104
|
-
import "../../../utils/link_service.js";
|
|
105
|
-
import "../../../utils/annotations.js";
|
|
106
|
-
import "../../../utils/sanitizeExternalUrl.js";
|
|
107
|
-
import "../../page/searchHighlight.js";
|
|
108
|
-
import "../../page/CustomElement.js";
|
|
109
93
|
import "../../../utils/calculatePage.js";
|
|
110
|
-
import "../../../utils/hooks/useMousePressed.js";
|
|
111
|
-
import "../../../utils/hooks/useGrabScroll.js";
|
|
112
|
-
import "../../../utils/hooks/usePinch.js";
|
|
113
|
-
import "../../ui/PasswordModal.js";
|
|
114
|
-
import "../../../utils/approximateFragtion.js";
|
|
115
|
-
import "../../../utils/getWordPositionInPage.js";
|
|
116
|
-
import "../../../utils/smoothScrollTo.js";
|
|
117
|
-
import "./DarkModeTool.js";
|
|
118
|
-
import "../../icons/MoonIcon.js";
|
|
119
|
-
import "../../icons/SunIcon.js";
|
|
120
|
-
import "../../icons/FileDownloadDefaultIcon.js";
|
|
121
|
-
import "../../icons/PrintDefaultIcon.js";
|
|
122
94
|
import "../../icons/GoToDownIcon.js";
|
|
123
|
-
import "
|
|
124
|
-
import "../../icons/ZoomOutIcon.js";
|
|
125
|
-
import "../../../utils/zoom.js";
|
|
126
|
-
import "../../icons/SearchIcon.js";
|
|
127
|
-
import "../../icons/ClearIcon.js";
|
|
128
|
-
import "../../icons/InfoIcon.js";
|
|
129
|
-
import "../../icons/ClockwiseIcon.js";
|
|
130
|
-
import "../../../utils/hooks/useRotate.js";
|
|
131
|
-
import "../../icons/SinglePageIcon.js";
|
|
132
|
-
import "../../icons/DualPageIcon.js";
|
|
133
|
-
import "../../icons/PageScrollingIcon.js";
|
|
134
|
-
import "../../icons/VerticalScrollingIcon.js";
|
|
135
|
-
import "../../icons/HorizontalScrollingIcon.js";
|
|
136
|
-
import "../../icons/FileUploadDefaultIcon.js";
|
|
137
|
-
import "../../icons/FullScreenIcon.js";
|
|
95
|
+
import "../../../MostPageTool.module-13578ad6.js";
|
|
138
96
|
import "../../icons/TextSelectionDefaultIcon.js";
|
|
139
97
|
import "../../icons/HandModeDefaultIcon.js";
|
|
98
|
+
import "../../../contexts/SelectionModeContext.js";
|
|
99
|
+
const or = () => {
|
|
100
|
+
const [P, S] = C(!1), { container: R, pagesRef: i } = G(), { isSmallScreen: r } = Q(), {
|
|
101
|
+
openFileTool: p,
|
|
102
|
+
downloadTool: l,
|
|
103
|
+
documentProperties: n,
|
|
104
|
+
scrollModeTool: s,
|
|
105
|
+
rotateTool: c,
|
|
106
|
+
selectionModeTool: T,
|
|
107
|
+
jumpNavigationTool: a,
|
|
108
|
+
printTool: d,
|
|
109
|
+
fullscreenTool: f,
|
|
110
|
+
viewModeTool: j
|
|
111
|
+
} = eo(), {
|
|
112
|
+
openFileTool: u,
|
|
113
|
+
downloadTool: h,
|
|
114
|
+
documentProperties: O,
|
|
115
|
+
scrollModeTool: w,
|
|
116
|
+
rotateTool: M,
|
|
117
|
+
selectionModeTool: v,
|
|
118
|
+
jumpNavigationTool: D,
|
|
119
|
+
printTool: b,
|
|
120
|
+
fullscreenTool: g,
|
|
121
|
+
viewModeTool: k
|
|
122
|
+
} = no(), { localeMessages: t } = lo(), [I, N] = C(0), x = mo(
|
|
123
|
+
new ResizeObserver((e) => {
|
|
124
|
+
N(e[0].contentRect.height);
|
|
125
|
+
})
|
|
126
|
+
), z = F(() => a || c || T || s || n || j || r && (p || l || d || f), [
|
|
127
|
+
p,
|
|
128
|
+
l,
|
|
129
|
+
d,
|
|
130
|
+
f,
|
|
131
|
+
n,
|
|
132
|
+
s,
|
|
133
|
+
c,
|
|
134
|
+
T,
|
|
135
|
+
a,
|
|
136
|
+
r
|
|
137
|
+
]), H = F(() => D || M || v || w || O || k || r && (u || h || b || g), [
|
|
138
|
+
u,
|
|
139
|
+
h,
|
|
140
|
+
b,
|
|
141
|
+
g,
|
|
142
|
+
O,
|
|
143
|
+
w,
|
|
144
|
+
M,
|
|
145
|
+
v,
|
|
146
|
+
D,
|
|
147
|
+
r
|
|
148
|
+
]);
|
|
149
|
+
return po(() => (i && x.current.observe(i), () => {
|
|
150
|
+
x.current.disconnect();
|
|
151
|
+
}), [i]), !z || !H ? null : /* @__PURE__ */ m(y, { children: [
|
|
152
|
+
/* @__PURE__ */ o(
|
|
153
|
+
B,
|
|
154
|
+
{
|
|
155
|
+
container: R,
|
|
156
|
+
onOpenChange: S,
|
|
157
|
+
triggerComponent: /* @__PURE__ */ o("div", { role: "button", children: /* @__PURE__ */ o(ro, { content: t == null ? void 0 : t.moreOptionTooltip, children: /* @__PURE__ */ o(V, { active: P, "aria-label": t == null ? void 0 : t.moreOptionTooltip, children: /* @__PURE__ */ o(L, {}) }) }) }),
|
|
158
|
+
side: "bottom",
|
|
159
|
+
avoidCollisions: !1,
|
|
160
|
+
children: /* @__PURE__ */ m(
|
|
161
|
+
"div",
|
|
162
|
+
{
|
|
163
|
+
style: { maxHeight: `${I}px`, overflow: "auto" },
|
|
164
|
+
className: $["rp-other-tool-content"],
|
|
165
|
+
"data-rp": "moreOptionsDropdown",
|
|
166
|
+
children: [
|
|
167
|
+
r && /* @__PURE__ */ m(X, { children: [
|
|
168
|
+
/* @__PURE__ */ o(W, {}),
|
|
169
|
+
/* @__PURE__ */ o(Z, {}),
|
|
170
|
+
/* @__PURE__ */ o(_, {}),
|
|
171
|
+
/* @__PURE__ */ o(oo, {}),
|
|
172
|
+
/* @__PURE__ */ o(Y, {})
|
|
173
|
+
] }),
|
|
174
|
+
/* @__PURE__ */ o(to, {}),
|
|
175
|
+
/* @__PURE__ */ o(A, {}),
|
|
176
|
+
/* @__PURE__ */ o(io, {}),
|
|
177
|
+
/* @__PURE__ */ o(J, {}),
|
|
178
|
+
/* @__PURE__ */ o(K, {}),
|
|
179
|
+
/* @__PURE__ */ o(q, {})
|
|
180
|
+
]
|
|
181
|
+
}
|
|
182
|
+
)
|
|
183
|
+
}
|
|
184
|
+
),
|
|
185
|
+
/* @__PURE__ */ o(E, {})
|
|
186
|
+
] });
|
|
187
|
+
};
|
|
140
188
|
export {
|
|
141
|
-
|
|
189
|
+
or as OtherTool
|
|
142
190
|
};
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
import "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import "../../icons/ChevronUpIcon.js";
|
|
4
|
-
import "../../ui/Button.js";
|
|
5
|
-
import "../../ui/Input.js";
|
|
6
|
-
import {
|
|
7
|
-
import "../../../
|
|
8
|
-
import "../../../contexts/
|
|
9
|
-
import "../../../contexts/
|
|
10
|
-
import "
|
|
11
|
-
import "
|
|
12
|
-
import "../../../contexts/
|
|
13
|
-
import "../../../contexts/
|
|
14
|
-
import "../../../
|
|
15
|
-
import "../../../
|
|
16
|
-
import "../../../contexts/
|
|
1
|
+
import { jsx as n, jsxs as h } from "react/jsx-runtime";
|
|
2
|
+
import { useState as k, useEffect as D, useCallback as m, useMemo as L } from "react";
|
|
3
|
+
import { ChevronUpIcon as S } from "../../icons/ChevronUpIcon.js";
|
|
4
|
+
import { UIButton as T } from "../../ui/Button.js";
|
|
5
|
+
import { UIInput as V } from "../../ui/Input.js";
|
|
6
|
+
import { c as g } from "../../../Paginate.module-206a7d7d.js";
|
|
7
|
+
import { u as A } from "../../../PaginationContext-9217cab4.js";
|
|
8
|
+
import { useIconContext as N } from "../../../contexts/IconContext.js";
|
|
9
|
+
import { useToolbarComponentContext as B } from "../../../contexts/ToolbarComponentContext.js";
|
|
10
|
+
import { useViewportContext as G } from "../../../contexts/ViewportContext.js";
|
|
11
|
+
import f from "../../ui/RPTooltip.js";
|
|
12
|
+
import { useLocalizationContext as j } from "../../../contexts/LocalizationContext.js";
|
|
13
|
+
import { useViewModeContext as K } from "../../../contexts/ViewModeContext.js";
|
|
14
|
+
import { useScrollModeContext as O } from "../../../contexts/ScrollModeContext.js";
|
|
15
|
+
import { ViewMode as R, ScrollMode as _ } from "../../../utils/types.js";
|
|
16
|
+
import { useIconToolContext as b } from "../../../contexts/IconToolContext.js";
|
|
17
|
+
import { useToolComponentContext as z } from "../../../contexts/ToolComponentContext.js";
|
|
17
18
|
import "../../../clsx-0c6e471a.js";
|
|
18
19
|
import "../../../utils/withRef.js";
|
|
19
20
|
import "../../../contexts/RPDocumentContext.js";
|
|
@@ -27,116 +28,111 @@ import "../../../th_TH-d627cd51.js";
|
|
|
27
28
|
import "../../../utils/hooks/usePdfProperties.js";
|
|
28
29
|
import "../../../utils/convertPdfDate.js";
|
|
29
30
|
import "../../../utils/formatFileSize.js";
|
|
30
|
-
import "../../../contexts/
|
|
31
|
-
import "../../../utils/hooks/useDarkMode.js";
|
|
32
|
-
import "../../../contexts/RotationContext.js";
|
|
31
|
+
import "../../../contexts/GlobalCurrentPage.js";
|
|
33
32
|
import "../../../contexts/InitialStateContext.js";
|
|
34
|
-
import "../../../contexts/
|
|
33
|
+
import "../../../contexts/EventCallbackContext.js";
|
|
34
|
+
import "../../../contexts/VirtualScrollContext.js";
|
|
35
|
+
import "../../../contexts/VirtualGridContext.js";
|
|
36
|
+
import "../../../utils/smoothScrollTo.js";
|
|
37
|
+
import "../../../contexts/DimensionPagesContext.js";
|
|
35
38
|
import "../../../contexts/ZoomContext.js";
|
|
36
39
|
import "../../../utils/constants.js";
|
|
37
40
|
import "../../../utils/getZoomLevel.js";
|
|
38
41
|
import "../../../contexts/LayoutContainerContext.js";
|
|
39
|
-
import "../../../contexts/
|
|
40
|
-
import "../../../contexts/EventCallbackContext.js";
|
|
42
|
+
import "../../../contexts/RotationContext.js";
|
|
41
43
|
import "../../../utils/hooks/useDebounce.js";
|
|
42
|
-
import "../../../contexts/VirtualScrollContext.js";
|
|
43
|
-
import "../../../contexts/VirtualGridContext.js";
|
|
44
|
-
import "../../../contexts/SelectionModeContext.js";
|
|
45
|
-
import "../../../contexts/FullScreenContext.js";
|
|
46
|
-
import "../../../utils/hooks/useFullScreen.js";
|
|
47
|
-
import "../../../contexts/FileInputContext.js";
|
|
48
|
-
import "../../../contexts/DropFileZoneContext.js";
|
|
49
|
-
import "../../../utils/highlight.js";
|
|
50
|
-
import "../../../utils/charators.js";
|
|
51
|
-
import "../../../contexts/DimensionPagesContext.js";
|
|
52
44
|
import "../../../contexts/PagesRotateContext.js";
|
|
53
|
-
import "../../../contexts/HighlightContext.js";
|
|
54
|
-
import "../../../utils/hooks/useHighlight.js";
|
|
55
|
-
import "../../../contexts/LicenseContext.js";
|
|
56
|
-
import "../../../utils/hooks/useLicense.js";
|
|
57
|
-
import "../../../contexts/DownloadContext.js";
|
|
58
45
|
import "../../../contexts/SmoothScrollContext.js";
|
|
59
|
-
import "../../../contexts/ElementPageContext.js";
|
|
60
|
-
import "../../../utils/const.js";
|
|
61
46
|
import "../../../utils/getScrollDistance.js";
|
|
62
|
-
import "../../../utils/getElementPositionInPage.js";
|
|
63
|
-
import "../../../utils/Queue.js";
|
|
64
|
-
import "../../../utils/renderPage.js";
|
|
65
|
-
import "../../../contexts/LoaderContext.js";
|
|
66
|
-
import "../../icons/LoaderIcon.js";
|
|
67
|
-
import "../../../contexts/OtherToolContext.js";
|
|
68
|
-
import "../../RPConfig.js";
|
|
69
|
-
import "../../RPTheme.js";
|
|
70
|
-
import "../../../contexts/ThemeContext.js";
|
|
71
|
-
import "../../../utils/hooks/useLoadWorker.js";
|
|
72
|
-
import "../../icons/Thumbnail.js";
|
|
73
|
-
import "../Container.js";
|
|
74
|
-
import "../sidebar/RPSplitter.js";
|
|
75
|
-
import "../WrapperLayout.js";
|
|
76
|
-
import "../../../LayoutWrapper-6224491f.js";
|
|
77
|
-
import "../../RPDropFileZone.js";
|
|
78
|
-
import "../../icons/LightPdfIcon.js";
|
|
79
|
-
import "../../icons/DarkPdfIcon.js";
|
|
80
|
-
import "../../../utils/hooks/useLocalization.js";
|
|
81
|
-
import "../../../SearchCloseButton-08d57275.js";
|
|
82
|
-
import "../../icons/CloseIcon.js";
|
|
83
|
-
import "../../ui/Checkbox.js";
|
|
84
|
-
import "../../../index-c9a2990a.js";
|
|
85
|
-
import "react-dom";
|
|
86
|
-
import "../../icons/CheckIcon.js";
|
|
87
|
-
import "../../ui/DropDown.js";
|
|
88
|
-
import "../../../index-a48ec088.js";
|
|
89
|
-
import "../../../index-808ea7bf.js";
|
|
90
|
-
import "./MenuItem.js";
|
|
91
|
-
import "./MenuSeparator.js";
|
|
92
|
-
import "../../../utils/dateFormatter.js";
|
|
93
|
-
import "./PropertyItem.js";
|
|
94
|
-
import "../../../RotateTool.module-67946714.js";
|
|
95
|
-
import "../../../utils/hooks/useInfiniteScroll.js";
|
|
96
|
-
import "../../../utils/link_service.js";
|
|
97
|
-
import "../../../utils/annotations.js";
|
|
98
|
-
import "../../../utils/sanitizeExternalUrl.js";
|
|
99
|
-
import "../../page/searchHighlight.js";
|
|
100
|
-
import "../../page/CustomElement.js";
|
|
101
47
|
import "../../../utils/calculatePage.js";
|
|
102
|
-
import "../../../
|
|
103
|
-
import "
|
|
104
|
-
import "../../../
|
|
105
|
-
import "
|
|
106
|
-
import "../../../
|
|
107
|
-
import "../../../utils/
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
48
|
+
import "../../../index-c0faa594.js";
|
|
49
|
+
import "react-dom";
|
|
50
|
+
import "../../../index-e3ee9457.js";
|
|
51
|
+
import "../../../floating-ui.react-dom-5ec29bd6.js";
|
|
52
|
+
import "../../../index-655864a7.js";
|
|
53
|
+
import "../../../utils/hooks/useLocalization.js";
|
|
54
|
+
const F = () => {
|
|
55
|
+
const { prevIcon: o } = N(), { prevIcon: r } = b();
|
|
56
|
+
return o || r || /* @__PURE__ */ n(S, {});
|
|
57
|
+
}, q = () => {
|
|
58
|
+
const { nextIcon: o } = N(), { nextIcon: r } = b();
|
|
59
|
+
return o || r || /* @__PURE__ */ n(S, { style: { transform: "rotate(180deg" } });
|
|
60
|
+
}, Ho = () => {
|
|
61
|
+
const { focusedPage: o, totalPages: r, setFocusedPage: d, nextPage: a, prevPage: c, goToPage: i } = A(), [l, p] = k(o.toString()), { pageNavigationTool: u = !0 } = B(), { pageNavigationTool: s = !0 } = z(), { isSmallScreen: P } = G(), { viewMode: x } = K(), { scrollMode: C } = O(), { localeMessages: t } = j();
|
|
62
|
+
D(() => {
|
|
63
|
+
p(o.toString());
|
|
64
|
+
}, [o]);
|
|
65
|
+
const w = m((e) => {
|
|
66
|
+
const v = e.target.value;
|
|
67
|
+
p(v);
|
|
68
|
+
}, []), I = m(async () => {
|
|
69
|
+
const e = i(l);
|
|
70
|
+
e.success || p(e.currentPage.toString());
|
|
71
|
+
}, [i, l, r]), y = m(() => {
|
|
72
|
+
p(o.toString());
|
|
73
|
+
}, [o]), E = m(
|
|
74
|
+
(e) => {
|
|
75
|
+
e.key === "Enter" && I();
|
|
76
|
+
},
|
|
77
|
+
[I]
|
|
78
|
+
), U = L(() => x === R.DUAL_PAGE && C === _.PAGE_SCROLLING && o === r - 1 || o === r, [o, r, x, C]);
|
|
79
|
+
return !u || !s ? null : typeof u != "boolean" ? /* @__PURE__ */ n(
|
|
80
|
+
u,
|
|
81
|
+
{
|
|
82
|
+
total: r,
|
|
83
|
+
current: o,
|
|
84
|
+
nextPage: a,
|
|
85
|
+
prevPage: c,
|
|
86
|
+
goToPage: i,
|
|
87
|
+
changePage: d
|
|
88
|
+
}
|
|
89
|
+
) : typeof s != "boolean" ? /* @__PURE__ */ n(
|
|
90
|
+
s,
|
|
91
|
+
{
|
|
92
|
+
total: r,
|
|
93
|
+
current: o,
|
|
94
|
+
nextPage: a,
|
|
95
|
+
prevPage: c,
|
|
96
|
+
goToPage: i,
|
|
97
|
+
changePage: d
|
|
98
|
+
}
|
|
99
|
+
) : /* @__PURE__ */ h("div", { className: g["rp-paginate"], children: [
|
|
100
|
+
!P && /* @__PURE__ */ n(f, { content: t == null ? void 0 : t.previousPageTooltip, children: /* @__PURE__ */ n(
|
|
101
|
+
T,
|
|
102
|
+
{
|
|
103
|
+
onClick: c,
|
|
104
|
+
"aria-label": t == null ? void 0 : t.previousPageTooltip,
|
|
105
|
+
"aria-disabled": o === 1,
|
|
106
|
+
children: /* @__PURE__ */ n(F, {})
|
|
107
|
+
}
|
|
108
|
+
) }),
|
|
109
|
+
/* @__PURE__ */ n(f, { content: t == null ? void 0 : t.currentPageTooltip, children: /* @__PURE__ */ n(
|
|
110
|
+
V,
|
|
111
|
+
{
|
|
112
|
+
onKeyDown: E,
|
|
113
|
+
onBlur: y,
|
|
114
|
+
onChange: w,
|
|
115
|
+
value: l,
|
|
116
|
+
className: g["rp-page-input"],
|
|
117
|
+
id: "page-input",
|
|
118
|
+
name: "page-input"
|
|
119
|
+
}
|
|
120
|
+
) }),
|
|
121
|
+
/* @__PURE__ */ h("span", { className: g["rp-total-page"], children: [
|
|
122
|
+
"/",
|
|
123
|
+
r
|
|
124
|
+
] }),
|
|
125
|
+
!P && /* @__PURE__ */ n(f, { content: t == null ? void 0 : t.nextPageTooltip, children: /* @__PURE__ */ n(
|
|
126
|
+
T,
|
|
127
|
+
{
|
|
128
|
+
onClick: a,
|
|
129
|
+
"aria-label": t == null ? void 0 : t.nextPageTooltip,
|
|
130
|
+
"aria-disabled": U,
|
|
131
|
+
children: /* @__PURE__ */ n(q, {})
|
|
132
|
+
}
|
|
133
|
+
) })
|
|
134
|
+
] });
|
|
135
|
+
};
|
|
140
136
|
export {
|
|
141
|
-
|
|
137
|
+
Ho as Paginate
|
|
142
138
|
};
|