@pdf-viewer/react 1.12.0 → 1.13.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ToolbarLayout.module-126458d9.js +3539 -0
- package/dist/assets/style.css +1 -1
- package/dist/components/RPController.js +48 -48
- package/dist/components/RPPages.js +3 -4
- package/dist/components/RPProvider.js +4 -5
- package/dist/components/layout/LayoutContainer.js +3 -4
- package/dist/components/layout/RPDefaultLayout.js +3 -4
- package/dist/components/layout/RPLayout.js +13 -14
- package/dist/components/layout/sidebar/RPSidebar.js +2 -3
- package/dist/components/layout/sidebar/Thumbnail.js +3 -4
- package/dist/components/layout/sidebar/Thumbnails.js +3 -4
- package/dist/components/layout/toolbar/DocumentDialog.js +3 -4
- package/dist/components/layout/toolbar/FileDownloadTool.js +3 -4
- package/dist/components/layout/toolbar/MostPageTool.js +3 -4
- package/dist/components/layout/toolbar/OtherTool.js +3 -4
- package/dist/components/layout/toolbar/Paginate.js +3 -4
- package/dist/components/layout/toolbar/PrintTool.js +3 -4
- package/dist/components/layout/toolbar/RPMoreOptions.js +4 -5
- package/dist/components/layout/toolbar/RPToolbar.js +5 -6
- package/dist/components/layout/toolbar/RPToolbarEnd.js +3 -4
- package/dist/components/layout/toolbar/SearchResultNavigator.js +3 -4
- package/dist/components/layout/toolbar/SearchTool.js +3 -4
- package/dist/components/layout/toolbar/ThumbnailTool.js +5 -6
- package/dist/components/layout/toolbar/ToolbarCustom.js +5 -6
- package/dist/components/layout/toolbar/ToolbarDefault.js +5 -6
- package/dist/components/layout/toolbar/ToolbarLayout.js +4 -5
- package/dist/components/layout/toolbar/ZoomTool.js +117 -130
- package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +4 -5
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +4 -5
- package/dist/components/layout/toolbar/tools/InputPageTool.js +4 -5
- package/dist/components/layout/toolbar/tools/NextPageTool.js +4 -5
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +4 -5
- package/dist/components/layout/toolbar/tools/PrintTool.js +4 -5
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +4 -5
- package/dist/components/layout/toolbar/tools/ZoomInTool.js +20 -19
- package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +141 -0
- package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +132 -27
- package/dist/components/layout/toolbar/tools/ZoomOutTool.js +13 -12
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +12 -13
- package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +4 -5
- package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +4 -5
- package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +4 -5
- package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +4 -5
- package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +4 -5
- package/dist/components/page/AnnotationLayer.js +3 -4
- package/dist/components/page/CanvasLayer.js +3 -4
- package/dist/components/page/DualPage.js +3 -4
- package/dist/components/page/RPPage.js +3 -4
- package/dist/components/page/SinglePage.js +3 -4
- package/dist/components/page/TextHighlightLayer.js +3 -4
- package/dist/components/page/TextLayer.js +3 -4
- package/dist/components/ui/LoadingIndicator.js +3 -4
- package/dist/contexts/PaginationContext.js +5 -6
- package/dist/contexts/PrintContext.js +5 -6
- package/dist/contexts/RenderQueueProvider.js +5 -6
- package/dist/contexts/SearchContext.js +5 -6
- package/dist/contexts/ThumbnailsContext.js +5 -6
- package/dist/main.js +81 -81
- package/dist/types/components/layout/toolbar/tools/ZoomLevelDisplay.d.ts +7 -0
- package/dist/types/main.d.ts +1 -1
- package/dist/types/utils/types.d.ts +1 -0
- package/dist/types/utils/zoom.d.ts +2 -0
- package/dist/utils/hooks/useFileDownload.js +3 -4
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/usePaginate.js +3 -4
- package/dist/utils/hooks/usePresentPage.js +3 -4
- package/dist/utils/hooks/usePrint.js +3 -4
- package/dist/utils/hooks/useScrollToPage.js +3 -4
- package/dist/utils/hooks/useSearch.js +3 -4
- package/dist/utils/hooks/useThumbnail.js +3 -4
- package/dist/utils/hooks/useVirtualReactWindow.js +3 -4
- package/dist/utils/zoom.js +6 -0
- package/package.json +1 -1
- package/dist/ToolbarLayout.module-1f1dd627.js +0 -3416
- package/dist/ZoomTool.module-7082af8c.js +0 -12
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import "../../../../contexts/RPDocumentContext.js";
|
|
4
|
+
import "../../../../contexts/DocumentPasswordContext.js";
|
|
5
|
+
import { Z as Em } from "../../../../ToolbarLayout.module-126458d9.js";
|
|
6
|
+
import "../../../../contexts/DarkModeContext.js";
|
|
7
|
+
import "../../../../utils/types.js";
|
|
8
|
+
import "../../../../contexts/RotationContext.js";
|
|
9
|
+
import "../../../../contexts/LayerContext.js";
|
|
10
|
+
import "../../../../contexts/ZoomContext.js";
|
|
11
|
+
import "../../../../contexts/ViewModeContext.js";
|
|
12
|
+
import "../../../../contexts/ScrollModeContext.js";
|
|
13
|
+
import "../../../../contexts/VirtualScrollContext.js";
|
|
14
|
+
import "../../../../contexts/VirtualGridContext.js";
|
|
15
|
+
import "../../../../contexts/SelectionModeContext.js";
|
|
16
|
+
import "../../../../contexts/InitialStateContext.js";
|
|
17
|
+
import "../../../../contexts/FullScreenContext.js";
|
|
18
|
+
import "../../../../contexts/FileInputContext.js";
|
|
19
|
+
import "../../../../contexts/DropFileZoneContext.js";
|
|
20
|
+
import "../../../../contexts/LayoutContainerContext.js";
|
|
21
|
+
import "../../../../contexts/DimensionPagesContext.js";
|
|
22
|
+
import "../../../../contexts/LocalizationContext.js";
|
|
23
|
+
import "../../../../contexts/HighlightContext.js";
|
|
24
|
+
import "../../../../contexts/LicenseContext.js";
|
|
25
|
+
import "../../../../contexts/DownloadContext.js";
|
|
26
|
+
import "../../../../contexts/SmoothScrollContext.js";
|
|
27
|
+
import "../../../../contexts/ElementPageContext.js";
|
|
28
|
+
import "../../../../contexts/PagesRotateContext.js";
|
|
29
|
+
import "../../../../contexts/GlobalCurrentPage.js";
|
|
30
|
+
import "../../../../contexts/LoaderContext.js";
|
|
31
|
+
import "../../../../contexts/ToolComponentContext.js";
|
|
32
|
+
import "../../../../contexts/IconToolContext.js";
|
|
33
|
+
import "../../../../contexts/OtherToolContext.js";
|
|
34
|
+
import "../../../../contexts/EventCallbackContext.js";
|
|
35
|
+
import "../../../RPConfig.js";
|
|
36
|
+
import "../../Container.js";
|
|
37
|
+
import "../../../../contexts/ViewportContext.js";
|
|
38
|
+
import "../../../../contexts/ToolbarComponentContext.js";
|
|
39
|
+
import "../../sidebar/RPSplitter.js";
|
|
40
|
+
import "../../WrapperLayout.js";
|
|
41
|
+
import "../../../../LayoutWrapper-6224491f.js";
|
|
42
|
+
import "../../../../contexts/ThemeContext.js";
|
|
43
|
+
import "../../../RPDropFileZone.js";
|
|
44
|
+
import "../../../ui/Button.js";
|
|
45
|
+
import "../../../../SearchCloseButton-08d57275.js";
|
|
46
|
+
import "../../../ui/Input.js";
|
|
47
|
+
import "../../../ui/Checkbox.js";
|
|
48
|
+
import "../../../icons/LoaderIcon.js";
|
|
49
|
+
import "../../../../contexts/IconContext.js";
|
|
50
|
+
import "../../../ui/RPTooltip.js";
|
|
51
|
+
import "../../../ui/DropDown.js";
|
|
52
|
+
import "../MenuItem.js";
|
|
53
|
+
import "../MenuSeparator.js";
|
|
54
|
+
import "../../../../utils/dateFormatter.js";
|
|
55
|
+
import "../PropertyItem.js";
|
|
56
|
+
import "../../../../RotateTool.module-67946714.js";
|
|
57
|
+
import "../../../../utils/hooks/useLoadPdf.js";
|
|
58
|
+
import "pdfjs-dist";
|
|
59
|
+
import "../../../../utils/getThumbnailViewport.js";
|
|
60
|
+
import "../../../../contexts/ConfigContext.js";
|
|
61
|
+
import "../../../../th_TH-d627cd51.js";
|
|
62
|
+
import "../../../../utils/appConsole.js";
|
|
63
|
+
import "../../../../utils/hooks/usePdfProperties.js";
|
|
64
|
+
import "../../../../utils/convertPdfDate.js";
|
|
65
|
+
import "../../../../utils/formatFileSize.js";
|
|
66
|
+
import "../../../icons/ChevronUpIcon.js";
|
|
67
|
+
import "../../../../utils/highlight.js";
|
|
68
|
+
import "../../../../utils/charators.js";
|
|
69
|
+
import "../../../../utils/Queue.js";
|
|
70
|
+
import "../../../../utils/renderPage.js";
|
|
71
|
+
import "../../../icons/Thumbnail.js";
|
|
72
|
+
import "../../../../clsx-0c6e471a.js";
|
|
73
|
+
import "../../../../utils/withRef.js";
|
|
74
|
+
import "../../../../utils/hooks/useInfiniteScroll.js";
|
|
75
|
+
import "../../../../utils/constants.js";
|
|
76
|
+
import "../../../../utils/link_service.js";
|
|
77
|
+
import "../../../../utils/annotations.js";
|
|
78
|
+
import "../../../../utils/sanitizeExternalUrl.js";
|
|
79
|
+
import "../../../page/searchHighlight.js";
|
|
80
|
+
import "../../../../utils/const.js";
|
|
81
|
+
import "../../../page/CustomElement.js";
|
|
82
|
+
import "../../../../utils/getZoomLevel.js";
|
|
83
|
+
import "../../../../utils/hooks/useDebounce.js";
|
|
84
|
+
import "../../../../utils/hooks/useLicense.js";
|
|
85
|
+
import "../../../../utils/getScrollDistance.js";
|
|
86
|
+
import "../../../../utils/getElementPositionInPage.js";
|
|
87
|
+
import "../../../../utils/calculatePage.js";
|
|
88
|
+
import "../../../../utils/hooks/useMousePressed.js";
|
|
89
|
+
import "../../../../utils/hooks/useGrabScroll.js";
|
|
90
|
+
import "../../../../utils/hooks/usePinch.js";
|
|
91
|
+
import "../../../ui/PasswordModal.js";
|
|
92
|
+
import "../../../../utils/hooks/useLocalization.js";
|
|
93
|
+
import "../../../../utils/getWordPositionInPage.js";
|
|
94
|
+
import "../../../../utils/smoothScrollTo.js";
|
|
95
|
+
import "../FileUploadTool.js";
|
|
96
|
+
import "../../../icons/FileUploadDefaultIcon.js";
|
|
97
|
+
import "../../../../index-3bf64864.js";
|
|
98
|
+
import "../../../../index-c9a2990a.js";
|
|
99
|
+
import "react-dom";
|
|
100
|
+
import "../../../../floating-ui.react-dom-d22a10b4.js";
|
|
101
|
+
import "../DarkModeTool.js";
|
|
102
|
+
import "../../../icons/MoonIcon.js";
|
|
103
|
+
import "../../../icons/SunIcon.js";
|
|
104
|
+
import "../../../../utils/hooks/useDarkMode.js";
|
|
105
|
+
import "../../../icons/ThreeDotIcon.js";
|
|
106
|
+
import "../../../icons/CloseIcon.js";
|
|
107
|
+
import "../DocumentProperties.js";
|
|
108
|
+
import "../../../icons/InfoIcon.js";
|
|
109
|
+
import "../RotateTool.js";
|
|
110
|
+
import "../../../icons/ClockwiseIcon.js";
|
|
111
|
+
import "../../../../utils/hooks/useRotate.js";
|
|
112
|
+
import "../ViewModeTool.js";
|
|
113
|
+
import "../../../icons/SinglePageIcon.js";
|
|
114
|
+
import "../../../icons/DualPageIcon.js";
|
|
115
|
+
import "../../../icons/CheckIcon.js";
|
|
116
|
+
import "../ScrollModeTool.js";
|
|
117
|
+
import "../../../icons/PageScrollingIcon.js";
|
|
118
|
+
import "../../../icons/VerticalScrollingIcon.js";
|
|
119
|
+
import "../../../icons/HorizontalScrollingIcon.js";
|
|
120
|
+
import "../../../icons/FileDownloadDefaultIcon.js";
|
|
121
|
+
import "../../../icons/PrintDefaultIcon.js";
|
|
122
|
+
import "../FullScreenTool.js";
|
|
123
|
+
import "../../../icons/FullScreenIcon.js";
|
|
124
|
+
import "../../../../utils/hooks/useFullScreen.js";
|
|
125
|
+
import "../../../icons/GoToDownIcon.js";
|
|
126
|
+
import "../SelectionModeTool.js";
|
|
127
|
+
import "../../../icons/TextSelectionDefaultIcon.js";
|
|
128
|
+
import "../../../icons/HandModeDefaultIcon.js";
|
|
129
|
+
import "../../../icons/ZoomInIcon.js";
|
|
130
|
+
import "../../../icons/ZoomOutIcon.js";
|
|
131
|
+
import "../../../../utils/zoom.js";
|
|
132
|
+
import "../../../icons/SearchIcon.js";
|
|
133
|
+
import "../../../icons/ClearIcon.js";
|
|
134
|
+
import "../../../../utils/hooks/useHighlight.js";
|
|
135
|
+
import "../../../RPTheme.js";
|
|
136
|
+
import "../../../../utils/hooks/useLoadWorker.js";
|
|
137
|
+
import "../../../icons/LightPdfIcon.js";
|
|
138
|
+
import "../../../icons/DarkPdfIcon.js";
|
|
139
|
+
export {
|
|
140
|
+
Em as ZoomLevelDisplay
|
|
141
|
+
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsx as r, Fragment as
|
|
2
|
-
import { useState as
|
|
1
|
+
import { jsx as r, Fragment as v, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import { useState as z, useRef as x, useEffect as C } from "react";
|
|
3
3
|
import { useZoomContext as L } from "../../../../contexts/ZoomContext.js";
|
|
4
4
|
import { UIButton as T } from "../../../ui/Button.js";
|
|
5
|
-
import {
|
|
6
|
-
import { UIDropDown as
|
|
7
|
-
import { useLayoutContainer as
|
|
5
|
+
import { j as p, Z as w } from "../../../../ToolbarLayout.module-126458d9.js";
|
|
6
|
+
import { UIDropDown as I } from "../../../ui/DropDown.js";
|
|
7
|
+
import { useLayoutContainer as Z } from "../../../../contexts/LayoutContainerContext.js";
|
|
8
8
|
import { G as h } from "../../../../index-3bf64864.js";
|
|
9
|
-
import { MenuItem as
|
|
9
|
+
import { MenuItem as e } from "../MenuItem.js";
|
|
10
10
|
import { MenuSeparator as b } from "../MenuSeparator.js";
|
|
11
11
|
import A from "../../../ui/RPTooltip.js";
|
|
12
12
|
import { ZoomLevel as c } from "../../../../utils/types.js";
|
|
13
|
-
import { useLocalizationContext as
|
|
13
|
+
import { useLocalizationContext as D } from "../../../../contexts/LocalizationContext.js";
|
|
14
14
|
import { ChevronDownIcon as P } from "../../../icons/ChevronDownIcon.js";
|
|
15
15
|
import "../../../../utils/appConsole.js";
|
|
16
16
|
import "../../../../contexts/InitialStateContext.js";
|
|
@@ -33,49 +33,154 @@ import "../../../../contexts/EventCallbackContext.js";
|
|
|
33
33
|
import "../../../../utils/hooks/useDebounce.js";
|
|
34
34
|
import "../../../../clsx-0c6e471a.js";
|
|
35
35
|
import "../../../../utils/withRef.js";
|
|
36
|
+
import "../../../icons/ChevronUpIcon.js";
|
|
37
|
+
import "../../../ui/Input.js";
|
|
38
|
+
import "../../../../contexts/ScrollModeContext.js";
|
|
39
|
+
import "../../../../contexts/DarkModeContext.js";
|
|
40
|
+
import "../../../../utils/hooks/useDarkMode.js";
|
|
41
|
+
import "../../../../contexts/LayerContext.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 "../../../../contexts/ToolbarComponentContext.js";
|
|
50
|
+
import "../../../../contexts/ToolComponentContext.js";
|
|
51
|
+
import "../../../../utils/highlight.js";
|
|
52
|
+
import "../../../../utils/charators.js";
|
|
53
|
+
import "../../../../contexts/DimensionPagesContext.js";
|
|
54
|
+
import "../../../../contexts/PagesRotateContext.js";
|
|
55
|
+
import "../../../../contexts/HighlightContext.js";
|
|
56
|
+
import "../../../../utils/hooks/useHighlight.js";
|
|
57
|
+
import "../../../../contexts/LicenseContext.js";
|
|
58
|
+
import "../../../../utils/hooks/useLicense.js";
|
|
59
|
+
import "../../../../contexts/DownloadContext.js";
|
|
60
|
+
import "../../../../contexts/SmoothScrollContext.js";
|
|
61
|
+
import "../../../../contexts/ElementPageContext.js";
|
|
62
|
+
import "../../../../utils/const.js";
|
|
63
|
+
import "../../../../utils/getScrollDistance.js";
|
|
64
|
+
import "../../../../utils/getElementPositionInPage.js";
|
|
65
|
+
import "../../../../utils/Queue.js";
|
|
66
|
+
import "../../../../utils/renderPage.js";
|
|
67
|
+
import "../../../../contexts/LoaderContext.js";
|
|
68
|
+
import "../../../icons/LoaderIcon.js";
|
|
69
|
+
import "../../../../contexts/IconToolContext.js";
|
|
70
|
+
import "../../../../contexts/OtherToolContext.js";
|
|
71
|
+
import "../../../RPConfig.js";
|
|
72
|
+
import "../../../RPTheme.js";
|
|
73
|
+
import "../../../../contexts/ThemeContext.js";
|
|
74
|
+
import "../../../../utils/hooks/useLoadWorker.js";
|
|
75
|
+
import "../../../icons/Thumbnail.js";
|
|
76
|
+
import "../../Container.js";
|
|
77
|
+
import "../../../../contexts/ViewportContext.js";
|
|
78
|
+
import "../../sidebar/RPSplitter.js";
|
|
79
|
+
import "../../WrapperLayout.js";
|
|
80
|
+
import "../../../../LayoutWrapper-6224491f.js";
|
|
81
|
+
import "../../../RPDropFileZone.js";
|
|
82
|
+
import "../../../icons/LightPdfIcon.js";
|
|
83
|
+
import "../../../icons/DarkPdfIcon.js";
|
|
84
|
+
import "../../../../SearchCloseButton-08d57275.js";
|
|
85
|
+
import "../../../icons/CloseIcon.js";
|
|
86
|
+
import "../../../ui/Checkbox.js";
|
|
36
87
|
import "../../../../index-c9a2990a.js";
|
|
37
88
|
import "react-dom";
|
|
89
|
+
import "../../../icons/CheckIcon.js";
|
|
90
|
+
import "../../../../contexts/IconContext.js";
|
|
91
|
+
import "../../../../utils/dateFormatter.js";
|
|
92
|
+
import "../PropertyItem.js";
|
|
93
|
+
import "../../../../RotateTool.module-67946714.js";
|
|
94
|
+
import "../../../../utils/hooks/useInfiniteScroll.js";
|
|
95
|
+
import "../../../../utils/link_service.js";
|
|
96
|
+
import "../../../../utils/annotations.js";
|
|
97
|
+
import "../../../../utils/sanitizeExternalUrl.js";
|
|
98
|
+
import "../../../page/searchHighlight.js";
|
|
99
|
+
import "../../../page/CustomElement.js";
|
|
100
|
+
import "../../../../utils/calculatePage.js";
|
|
101
|
+
import "../../../../utils/hooks/useMousePressed.js";
|
|
102
|
+
import "../../../../utils/hooks/useGrabScroll.js";
|
|
103
|
+
import "../../../../utils/hooks/usePinch.js";
|
|
104
|
+
import "../../../ui/PasswordModal.js";
|
|
105
|
+
import "../../../../utils/getWordPositionInPage.js";
|
|
106
|
+
import "../../../../utils/smoothScrollTo.js";
|
|
107
|
+
import "../FileUploadTool.js";
|
|
108
|
+
import "../../../icons/FileUploadDefaultIcon.js";
|
|
109
|
+
import "../DarkModeTool.js";
|
|
110
|
+
import "../../../icons/MoonIcon.js";
|
|
111
|
+
import "../../../icons/SunIcon.js";
|
|
112
|
+
import "../../../icons/ThreeDotIcon.js";
|
|
38
113
|
import "../../../../floating-ui.react-dom-d22a10b4.js";
|
|
114
|
+
import "../DocumentProperties.js";
|
|
115
|
+
import "../../../icons/InfoIcon.js";
|
|
116
|
+
import "../RotateTool.js";
|
|
117
|
+
import "../../../icons/ClockwiseIcon.js";
|
|
118
|
+
import "../../../../utils/hooks/useRotate.js";
|
|
119
|
+
import "../ViewModeTool.js";
|
|
120
|
+
import "../../../icons/SinglePageIcon.js";
|
|
121
|
+
import "../../../icons/DualPageIcon.js";
|
|
122
|
+
import "../ScrollModeTool.js";
|
|
123
|
+
import "../../../icons/PageScrollingIcon.js";
|
|
124
|
+
import "../../../icons/VerticalScrollingIcon.js";
|
|
125
|
+
import "../../../icons/HorizontalScrollingIcon.js";
|
|
126
|
+
import "../../../icons/FileDownloadDefaultIcon.js";
|
|
127
|
+
import "../../../icons/PrintDefaultIcon.js";
|
|
128
|
+
import "../FullScreenTool.js";
|
|
129
|
+
import "../../../icons/FullScreenIcon.js";
|
|
130
|
+
import "../../../icons/GoToDownIcon.js";
|
|
131
|
+
import "../SelectionModeTool.js";
|
|
132
|
+
import "../../../icons/TextSelectionDefaultIcon.js";
|
|
133
|
+
import "../../../icons/HandModeDefaultIcon.js";
|
|
134
|
+
import "../../../icons/ZoomInIcon.js";
|
|
135
|
+
import "../../../icons/ZoomOutIcon.js";
|
|
136
|
+
import "../../../../utils/zoom.js";
|
|
137
|
+
import "../../../icons/SearchIcon.js";
|
|
138
|
+
import "../../../icons/ClearIcon.js";
|
|
39
139
|
import "../../../../utils/hooks/useLocalization.js";
|
|
40
|
-
const R = [50, 75, 100, 125, 150, 200, 300, 400],
|
|
41
|
-
const { zoomLevel:
|
|
140
|
+
const R = [50, 75, 100, 125, 150, 200, 300, 400], ct = ({ icon: l }) => {
|
|
141
|
+
const { zoomLevel: f, setZoomLevel: i } = L(), { container: u, pagesRef: n } = Z(), { localeMessages: o } = D(), [a, s] = z(0), d = x(
|
|
42
142
|
new ResizeObserver((t) => {
|
|
43
143
|
s(t[0].contentRect.height);
|
|
44
144
|
})
|
|
45
145
|
);
|
|
46
|
-
return C(() => (
|
|
146
|
+
return C(() => (n && d.current.observe(n), () => {
|
|
47
147
|
d.current.disconnect();
|
|
48
|
-
}), [
|
|
49
|
-
|
|
148
|
+
}), [n]), /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
|
|
149
|
+
I,
|
|
50
150
|
{
|
|
51
|
-
container:
|
|
52
|
-
triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */
|
|
151
|
+
container: u,
|
|
152
|
+
triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ m(
|
|
53
153
|
T,
|
|
54
154
|
{
|
|
55
|
-
className:
|
|
155
|
+
className: p["rp-current-zoom-wrapper"],
|
|
56
156
|
"aria-label": o == null ? void 0 : o.zoomSelectTooltip,
|
|
57
157
|
children: [
|
|
58
|
-
/* @__PURE__ */ r(
|
|
59
|
-
|
|
60
|
-
|
|
158
|
+
/* @__PURE__ */ r(
|
|
159
|
+
w,
|
|
160
|
+
{
|
|
161
|
+
zoomLevel: f,
|
|
162
|
+
className: p["rp-current-zoom-text"]
|
|
163
|
+
}
|
|
164
|
+
),
|
|
165
|
+
/* @__PURE__ */ r("div", { className: p["rp-zoom-level-icon"], children: l || /* @__PURE__ */ r(P, {}) })
|
|
61
166
|
]
|
|
62
167
|
}
|
|
63
168
|
) }) }),
|
|
64
169
|
style: { minWidth: "200px" },
|
|
65
170
|
align: "center",
|
|
66
|
-
children: /* @__PURE__ */
|
|
171
|
+
children: /* @__PURE__ */ m(
|
|
67
172
|
"div",
|
|
68
173
|
{
|
|
69
|
-
style: { maxHeight: `${
|
|
70
|
-
className:
|
|
174
|
+
style: { maxHeight: `${a}px`, overflow: "auto" },
|
|
175
|
+
className: p["rp-zoom-dropdown-content"],
|
|
71
176
|
children: [
|
|
72
|
-
/* @__PURE__ */
|
|
73
|
-
/* @__PURE__ */ r(
|
|
74
|
-
/* @__PURE__ */ r(
|
|
75
|
-
/* @__PURE__ */ r(
|
|
177
|
+
/* @__PURE__ */ m(h, { children: [
|
|
178
|
+
/* @__PURE__ */ r(e, { onClick: () => i(c.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
|
|
179
|
+
/* @__PURE__ */ r(e, { onClick: () => i(c.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
|
|
180
|
+
/* @__PURE__ */ r(e, { onClick: () => i(c.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
|
|
76
181
|
] }),
|
|
77
182
|
/* @__PURE__ */ r(b, {}),
|
|
78
|
-
/* @__PURE__ */ r(h, { children: R.map((t) => /* @__PURE__ */ e
|
|
183
|
+
/* @__PURE__ */ r(h, { children: R.map((t) => /* @__PURE__ */ m(e, { onClick: () => i(t), children: [
|
|
79
184
|
t,
|
|
80
185
|
" %"
|
|
81
186
|
] }, t)) })
|
|
@@ -86,5 +191,5 @@ const R = [50, 75, 100, 125, 150, 200, 300, 400], so = ({ icon: l }) => {
|
|
|
86
191
|
) });
|
|
87
192
|
};
|
|
88
193
|
export {
|
|
89
|
-
|
|
194
|
+
ct as ZoomLevelTool
|
|
90
195
|
};
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { jsx as r, Fragment as u } from "react/jsx-runtime";
|
|
2
|
-
import { useMemo as
|
|
3
|
-
import { useZoomContext as
|
|
4
|
-
import { UIButton as
|
|
5
|
-
import
|
|
6
|
-
import { useLocalizationContext as
|
|
2
|
+
import { useMemo as l, useCallback as c } from "react";
|
|
3
|
+
import { useZoomContext as d } from "../../../../contexts/ZoomContext.js";
|
|
4
|
+
import { UIButton as f } from "../../../ui/Button.js";
|
|
5
|
+
import O from "../../../ui/RPTooltip.js";
|
|
6
|
+
import { useLocalizationContext as Z } from "../../../../contexts/LocalizationContext.js";
|
|
7
7
|
import { ZoomOutIcon as a } from "../../../icons/ZoomOutIcon.js";
|
|
8
|
-
import {
|
|
8
|
+
import { MAX_ZOOM_SCALE as h } from "../../../../utils/constants.js";
|
|
9
|
+
import { isZoomOutDisabled as s } from "../../../../utils/zoom.js";
|
|
9
10
|
import "../../../../utils/types.js";
|
|
10
11
|
import "../../../../th_TH-d627cd51.js";
|
|
11
12
|
import "../../../../utils/appConsole.js";
|
|
@@ -32,15 +33,15 @@ import "../../../../index-c9a2990a.js";
|
|
|
32
33
|
import "react-dom";
|
|
33
34
|
import "../../../../floating-ui.react-dom-d22a10b4.js";
|
|
34
35
|
import "../../../../utils/hooks/useLocalization.js";
|
|
35
|
-
const
|
|
36
|
-
const { currentZoom: t, setZoomLevel: i } =
|
|
36
|
+
const g = ({ icon: m }) => {
|
|
37
|
+
const { currentZoom: t, setZoomLevel: i } = d(), { localeMessages: o } = Z(), p = l(() => s(t), [t]), n = c(() => {
|
|
37
38
|
i(() => {
|
|
38
39
|
const e = Math.ceil(t * 100 / 25) * 25;
|
|
39
|
-
return Math.min(e - 25,
|
|
40
|
+
return Math.min(e - 25, h);
|
|
40
41
|
});
|
|
41
42
|
}, [i, t]);
|
|
42
|
-
return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(
|
|
43
|
-
|
|
43
|
+
return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(O, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
|
|
44
|
+
f,
|
|
44
45
|
{
|
|
45
46
|
disabled: p,
|
|
46
47
|
onClick: n,
|
|
@@ -50,5 +51,5 @@ const $ = ({ icon: m }) => {
|
|
|
50
51
|
) }) });
|
|
51
52
|
};
|
|
52
53
|
export {
|
|
53
|
-
|
|
54
|
+
g as ZoomOutTool
|
|
54
55
|
};
|
|
@@ -2,7 +2,7 @@ import { jsx as o, jsxs as c } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as d, useEffect as f } from "react";
|
|
3
3
|
import "../../../../../contexts/RPDocumentContext.js";
|
|
4
4
|
import "../../../../../contexts/DocumentPasswordContext.js";
|
|
5
|
-
import {
|
|
5
|
+
import { k as t, S as y, l as C, m as R, n as v } from "../../../../../ToolbarLayout.module-126458d9.js";
|
|
6
6
|
import "../../../../../contexts/DarkModeContext.js";
|
|
7
7
|
import "../../../../../contexts/RotationContext.js";
|
|
8
8
|
import "../../../../../contexts/LayerContext.js";
|
|
@@ -27,13 +27,13 @@ import "../../../../../contexts/ElementPageContext.js";
|
|
|
27
27
|
import "../../../../../contexts/PagesRotateContext.js";
|
|
28
28
|
import "../../../../../contexts/GlobalCurrentPage.js";
|
|
29
29
|
import "../../../../../contexts/LoaderContext.js";
|
|
30
|
-
import { useToolComponentContext as
|
|
31
|
-
import { useIconToolContext as
|
|
30
|
+
import { useToolComponentContext as x } from "../../../../../contexts/ToolComponentContext.js";
|
|
31
|
+
import { useIconToolContext as I } from "../../../../../contexts/IconToolContext.js";
|
|
32
32
|
import "../../../../../contexts/OtherToolContext.js";
|
|
33
33
|
import "../../../../../contexts/EventCallbackContext.js";
|
|
34
34
|
import "../../../../RPConfig.js";
|
|
35
35
|
import "../../../Container.js";
|
|
36
|
-
import { useViewportContext as
|
|
36
|
+
import { useViewportContext as T } from "../../../../../contexts/ViewportContext.js";
|
|
37
37
|
import "../../../../../contexts/ToolbarComponentContext.js";
|
|
38
38
|
import "../../../sidebar/RPSplitter.js";
|
|
39
39
|
import "../../../WrapperLayout.js";
|
|
@@ -43,14 +43,12 @@ import "../../../../RPDropFileZone.js";
|
|
|
43
43
|
import "../../../../ui/Button.js";
|
|
44
44
|
import "../../../../ui/RPTooltip.js";
|
|
45
45
|
import "../../../../ui/Input.js";
|
|
46
|
-
import "../../../../../ZoomTool.module-7082af8c.js";
|
|
47
46
|
import "../../../../ui/DropDown.js";
|
|
48
47
|
import "../../MenuItem.js";
|
|
49
48
|
import "../../MenuSeparator.js";
|
|
50
49
|
import "../../../../../utils/dateFormatter.js";
|
|
51
50
|
import "../../PropertyItem.js";
|
|
52
51
|
import "../../../../../RotateTool.module-67946714.js";
|
|
53
|
-
import { ZoomTool as T } from "../../ZoomTool.js";
|
|
54
52
|
import "../../../../../utils/hooks/useLoadPdf.js";
|
|
55
53
|
import "pdfjs-dist";
|
|
56
54
|
import "../../../../../utils/types.js";
|
|
@@ -122,6 +120,9 @@ import "../../../../icons/GoToDownIcon.js";
|
|
|
122
120
|
import "../../SelectionModeTool.js";
|
|
123
121
|
import "../../../../icons/TextSelectionDefaultIcon.js";
|
|
124
122
|
import "../../../../icons/HandModeDefaultIcon.js";
|
|
123
|
+
import "../../../../icons/ZoomInIcon.js";
|
|
124
|
+
import "../../../../icons/ZoomOutIcon.js";
|
|
125
|
+
import "../../../../../utils/zoom.js";
|
|
125
126
|
import "../../../../icons/SearchIcon.js";
|
|
126
127
|
import "../../../../icons/ClearIcon.js";
|
|
127
128
|
import "../../../../../utils/hooks/useDarkMode.js";
|
|
@@ -135,10 +136,8 @@ import "../../../../RPTheme.js";
|
|
|
135
136
|
import "../../../../../utils/hooks/useLoadWorker.js";
|
|
136
137
|
import "../../../../icons/LightPdfIcon.js";
|
|
137
138
|
import "../../../../icons/DarkPdfIcon.js";
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
const rr = (u) => {
|
|
141
|
-
const { icons: i, slots: m } = u, { setIcons: p } = x(), { setSlots: s } = v(), [e, a] = d(!1), [l, n] = d(!1), { isSmallScreen: S } = I(), h = () => S ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
|
|
139
|
+
const tr = (u) => {
|
|
140
|
+
const { icons: i, slots: m } = u, { setIcons: p } = I(), { setSlots: s } = x(), [e, a] = d(!1), [l, n] = d(!1), { isSmallScreen: S } = T(), h = () => S ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
|
|
142
141
|
return f(() => {
|
|
143
142
|
p((r) => ({ ...r, ...i })), a(!0);
|
|
144
143
|
}, [i, p, e, a]), f(() => {
|
|
@@ -148,10 +147,10 @@ const rr = (u) => {
|
|
|
148
147
|
/* @__PURE__ */ o(y, {}),
|
|
149
148
|
/* @__PURE__ */ o(C, {})
|
|
150
149
|
] }),
|
|
151
|
-
/* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(
|
|
152
|
-
/* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: t["rp-toolbar-end"], children: /* @__PURE__ */ o(
|
|
150
|
+
/* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(R, {}) }),
|
|
151
|
+
/* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: t["rp-toolbar-end"], children: /* @__PURE__ */ o(v, {}) })
|
|
153
152
|
] }) });
|
|
154
153
|
};
|
|
155
154
|
export {
|
|
156
|
-
|
|
155
|
+
tr as RPHorizontalBar
|
|
157
156
|
};
|
|
@@ -3,7 +3,7 @@ import { useState as l, useEffect as a } from "react";
|
|
|
3
3
|
import { useIconToolContext as u } from "../../../../../contexts/IconToolContext.js";
|
|
4
4
|
import { useToolComponentContext as d } from "../../../../../contexts/ToolComponentContext.js";
|
|
5
5
|
import { ThumbnailTool as I } from "../../ThumbnailTool.js";
|
|
6
|
-
import "../../../../../ToolbarLayout.module-
|
|
6
|
+
import "../../../../../ToolbarLayout.module-126458d9.js";
|
|
7
7
|
import "../../../../icons/ChevronUpIcon.js";
|
|
8
8
|
import "../../../../ui/Button.js";
|
|
9
9
|
import "../../../../../clsx-0c6e471a.js";
|
|
@@ -88,7 +88,6 @@ import "../../../../icons/CheckIcon.js";
|
|
|
88
88
|
import "../../../../../contexts/IconContext.js";
|
|
89
89
|
import "../../../../ui/DropDown.js";
|
|
90
90
|
import "../../../../../index-3bf64864.js";
|
|
91
|
-
import "../../../../../ZoomTool.module-7082af8c.js";
|
|
92
91
|
import "../../MenuItem.js";
|
|
93
92
|
import "../../MenuSeparator.js";
|
|
94
93
|
import "../../../../../utils/dateFormatter.js";
|
|
@@ -133,12 +132,12 @@ import "../../../../icons/GoToDownIcon.js";
|
|
|
133
132
|
import "../../SelectionModeTool.js";
|
|
134
133
|
import "../../../../icons/TextSelectionDefaultIcon.js";
|
|
135
134
|
import "../../../../icons/HandModeDefaultIcon.js";
|
|
136
|
-
import "../../ZoomTool.js";
|
|
137
135
|
import "../../../../icons/ZoomInIcon.js";
|
|
138
136
|
import "../../../../icons/ZoomOutIcon.js";
|
|
137
|
+
import "../../../../../utils/zoom.js";
|
|
139
138
|
import "../../../../icons/SearchIcon.js";
|
|
140
139
|
import "../../../../icons/ClearIcon.js";
|
|
141
|
-
const
|
|
140
|
+
const Wt = (f) => {
|
|
142
141
|
const { icons: t, slots: r } = f, { setIcons: i } = u(), { setSlots: m } = d(), [p, s] = l(!1), [e, n] = l(!1);
|
|
143
142
|
return a(() => {
|
|
144
143
|
i((o) => ({ ...o, ...t })), s(!0);
|
|
@@ -147,5 +146,5 @@ const Xt = (f) => {
|
|
|
147
146
|
}, [r, m, e, n]), !p || !e ? null : /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(I, {}) });
|
|
148
147
|
};
|
|
149
148
|
export {
|
|
150
|
-
|
|
149
|
+
Wt as RPVerticalBar
|
|
151
150
|
};
|
|
@@ -3,7 +3,7 @@ import l from "../../../../ui/RPTooltip.js";
|
|
|
3
3
|
import { MenuItem as c } from "../../MenuItem.js";
|
|
4
4
|
import { useViewportContext as d } from "../../../../../contexts/ViewportContext.js";
|
|
5
5
|
import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
|
|
6
|
-
import { b as u } from "../../../../../ToolbarLayout.module-
|
|
6
|
+
import { b as u } from "../../../../../ToolbarLayout.module-126458d9.js";
|
|
7
7
|
import { FileDownloadDefaultIcon as a } from "../../../../icons/FileDownloadDefaultIcon.js";
|
|
8
8
|
import "react";
|
|
9
9
|
import "../../../../../index-c9a2990a.js";
|
|
@@ -89,7 +89,6 @@ import "../../../../ui/Checkbox.js";
|
|
|
89
89
|
import "../../../../icons/CheckIcon.js";
|
|
90
90
|
import "../../../../../contexts/IconContext.js";
|
|
91
91
|
import "../../../../ui/DropDown.js";
|
|
92
|
-
import "../../../../../ZoomTool.module-7082af8c.js";
|
|
93
92
|
import "../../MenuSeparator.js";
|
|
94
93
|
import "../../../../../utils/dateFormatter.js";
|
|
95
94
|
import "../../PropertyItem.js";
|
|
@@ -132,12 +131,12 @@ import "../../../../icons/GoToDownIcon.js";
|
|
|
132
131
|
import "../../SelectionModeTool.js";
|
|
133
132
|
import "../../../../icons/TextSelectionDefaultIcon.js";
|
|
134
133
|
import "../../../../icons/HandModeDefaultIcon.js";
|
|
135
|
-
import "../../ZoomTool.js";
|
|
136
134
|
import "../../../../icons/ZoomInIcon.js";
|
|
137
135
|
import "../../../../icons/ZoomOutIcon.js";
|
|
136
|
+
import "../../../../../utils/zoom.js";
|
|
138
137
|
import "../../../../icons/SearchIcon.js";
|
|
139
138
|
import "../../../../icons/ClearIcon.js";
|
|
140
|
-
const
|
|
139
|
+
const Ui = (m) => {
|
|
141
140
|
const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } = d(), { localeMessages: o } = f(), { download: n } = u();
|
|
142
141
|
if (!p || !r)
|
|
143
142
|
return null;
|
|
@@ -148,5 +147,5 @@ const Wi = (m) => {
|
|
|
148
147
|
] }) });
|
|
149
148
|
};
|
|
150
149
|
export {
|
|
151
|
-
|
|
150
|
+
Ui as FileDownloadTool
|
|
152
151
|
};
|
|
@@ -6,7 +6,7 @@ import { useLocalizationContext as u } from "../../../../../contexts/Localizatio
|
|
|
6
6
|
import "react";
|
|
7
7
|
import "../../../../../contexts/RPDocumentContext.js";
|
|
8
8
|
import "../../../../../contexts/DocumentPasswordContext.js";
|
|
9
|
-
import "../../../../../ToolbarLayout.module-
|
|
9
|
+
import "../../../../../ToolbarLayout.module-126458d9.js";
|
|
10
10
|
import "../../../../../contexts/DarkModeContext.js";
|
|
11
11
|
import "../../../../../contexts/RotationContext.js";
|
|
12
12
|
import "../../../../../contexts/LayerContext.js";
|
|
@@ -50,7 +50,6 @@ import "../../../../icons/LoaderIcon.js";
|
|
|
50
50
|
import "../../../../../contexts/IconContext.js";
|
|
51
51
|
import "../../../../ui/DropDown.js";
|
|
52
52
|
import { FileUploadDefaultIcon as a } from "../../../../icons/FileUploadDefaultIcon.js";
|
|
53
|
-
import "../../../../../ZoomTool.module-7082af8c.js";
|
|
54
53
|
import "../../MenuSeparator.js";
|
|
55
54
|
import "../../../../../utils/dateFormatter.js";
|
|
56
55
|
import "../../PropertyItem.js";
|
|
@@ -127,9 +126,9 @@ import "../../../../icons/GoToDownIcon.js";
|
|
|
127
126
|
import "../../SelectionModeTool.js";
|
|
128
127
|
import "../../../../icons/TextSelectionDefaultIcon.js";
|
|
129
128
|
import "../../../../icons/HandModeDefaultIcon.js";
|
|
130
|
-
import "../../ZoomTool.js";
|
|
131
129
|
import "../../../../icons/ZoomInIcon.js";
|
|
132
130
|
import "../../../../icons/ZoomOutIcon.js";
|
|
131
|
+
import "../../../../../utils/zoom.js";
|
|
133
132
|
import "../../../../icons/SearchIcon.js";
|
|
134
133
|
import "../../../../icons/ClearIcon.js";
|
|
135
134
|
import "../../../../../utils/hooks/useHighlight.js";
|
|
@@ -137,7 +136,7 @@ import "../../../../RPTheme.js";
|
|
|
137
136
|
import "../../../../../utils/hooks/useLoadWorker.js";
|
|
138
137
|
import "../../../../icons/LightPdfIcon.js";
|
|
139
138
|
import "../../../../icons/DarkPdfIcon.js";
|
|
140
|
-
const
|
|
139
|
+
const Qt = (m) => {
|
|
141
140
|
const { icon: i, isToolVisible: p = !0 } = m, { isSmallScreen: r } = f(), { localeMessages: o } = u(), { openFile: e } = s();
|
|
142
141
|
if (!p || !r)
|
|
143
142
|
return null;
|
|
@@ -148,5 +147,5 @@ const Wt = (m) => {
|
|
|
148
147
|
] }) });
|
|
149
148
|
};
|
|
150
149
|
export {
|
|
151
|
-
|
|
150
|
+
Qt as FileUploadTool
|
|
152
151
|
};
|