@react-pdf-kit/viewer 2.0.0-beta.9 → 2.0.0-rc.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 +698 -0
- package/dist/MostPageTool.module-13578ad6.js +6 -0
- package/dist/OtherTool.module-a4be5f1f.js +6 -0
- package/dist/Paginate.module-4eef00aa.js +8 -0
- package/dist/PaginationContext-9217cab4.js +201 -0
- package/dist/RPLayout.module-b4b23e29.js +14 -0
- package/dist/RPSplitter-f6acf13b.js +71 -0
- package/dist/RPToolbar.module-27d7fe77.js +10 -0
- package/dist/SearchTool.module-99f60dc7.js +16 -0
- package/dist/ToolbarLayout.module-6e339802.js +12 -0
- package/dist/ZoomTool.module-7082af8c.js +12 -0
- package/dist/assets/style.css +1 -1
- package/dist/assets/style.js +32 -30
- package/dist/components/RPController.js +81 -152
- package/dist/components/RPDropFileZone.js +1 -1
- package/dist/components/RPPages.js +1028 -122
- package/dist/components/RPProvider.js +57 -113
- package/dist/components/icons/DualPageWithCoverIcon.js +22 -0
- package/dist/components/layout/LayoutContainer.js +31 -136
- package/dist/components/layout/LayoutWrapper.js +8 -4
- package/dist/components/layout/RPDefaultLayout.js +184 -86
- package/dist/components/layout/RPLayout.js +123 -105
- package/dist/components/layout/SkipLink.js +29 -0
- package/dist/components/layout/WrapperLayout.js +1 -1
- package/dist/components/layout/sidebar/RPSidebar.js +79 -112
- package/dist/components/layout/sidebar/RPSplitter.js +6 -59
- package/dist/components/layout/sidebar/Thumbnail.js +130 -125
- package/dist/components/layout/sidebar/Thumbnails.js +56 -119
- package/dist/components/layout/toolbar/DarkModeTool.js +7 -5
- package/dist/components/layout/toolbar/DocumentDialog.js +305 -131
- package/dist/components/layout/toolbar/DocumentProperties.js +13 -10
- package/dist/components/layout/toolbar/FileDownloadTool.js +34 -124
- package/dist/components/layout/toolbar/FileUploadTool.js +9 -6
- package/dist/components/layout/toolbar/FullScreenTool.js +17 -14
- 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 +66 -125
- package/dist/components/layout/toolbar/OtherTool.js +171 -112
- package/dist/components/layout/toolbar/Paginate.js +121 -116
- package/dist/components/layout/toolbar/PrintTool.js +55 -123
- package/dist/components/layout/toolbar/RPMenuItem.js +14 -11
- package/dist/components/layout/toolbar/RPMoreOptions.js +102 -154
- package/dist/components/layout/toolbar/RPToolbar.js +90 -79
- package/dist/components/layout/toolbar/RPToolbarEnd.js +69 -88
- package/dist/components/layout/toolbar/RotateTool.js +13 -10
- package/dist/components/layout/toolbar/ScrollModeTool.js +42 -39
- package/dist/components/layout/toolbar/SearchCloseButton.js +24 -10
- package/dist/components/layout/toolbar/SearchResultNavigator.js +74 -105
- package/dist/components/layout/toolbar/SearchTool.js +245 -121
- package/dist/components/layout/toolbar/SelectionModeTool.js +9 -6
- package/dist/components/layout/toolbar/ThumbnailTool.js +15 -122
- package/dist/components/layout/toolbar/ToolbarCustom.js +75 -143
- package/dist/components/layout/toolbar/ToolbarDefault.js +135 -122
- package/dist/components/layout/toolbar/ToolbarLayout.js +86 -81
- package/dist/components/layout/toolbar/ViewModeTool.js +47 -35
- package/dist/components/layout/toolbar/ZoomTool.js +129 -119
- package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +18 -122
- package/dist/components/layout/toolbar/tools/DualPageTool.js +11 -129
- package/dist/components/layout/toolbar/tools/DualPageWithCoverTool.js +202 -0
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +14 -123
- package/dist/components/layout/toolbar/tools/FileUploadTool.js +10 -8
- package/dist/components/layout/toolbar/tools/FirstPageTool.js +197 -0
- package/dist/components/layout/toolbar/tools/FullScreenTool.js +21 -18
- package/dist/components/layout/toolbar/tools/HorizontalScrollingTool.js +37 -0
- package/dist/components/layout/toolbar/tools/InputPageTool.js +52 -136
- package/dist/components/layout/toolbar/tools/LastPageTool.js +197 -0
- package/dist/components/layout/toolbar/tools/NextPageTool.js +39 -129
- package/dist/components/layout/toolbar/tools/PageScrollingTool.js +37 -0
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +28 -118
- package/dist/components/layout/toolbar/tools/PrintTool.js +14 -123
- package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +18 -9
- package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +15 -13
- package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +24 -14
- package/dist/components/layout/toolbar/tools/SinglePageTool.js +11 -129
- package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +16 -6
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +23 -131
- package/dist/components/layout/toolbar/tools/VerticalScrollingTool.js +37 -0
- package/dist/components/layout/toolbar/tools/ZoomInTool.js +21 -18
- package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +23 -136
- package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +80 -141
- package/dist/components/layout/toolbar/tools/ZoomOutTool.js +18 -15
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +98 -105
- package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +16 -123
- package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +17 -14
- package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +29 -127
- package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +31 -130
- package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +28 -17
- package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +63 -134
- package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +33 -131
- package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +41 -24
- package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +58 -37
- package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +44 -25
- package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +56 -30
- package/dist/components/page/AnnotationLayer.js +130 -125
- package/dist/components/page/CanvasLayer.js +57 -126
- package/dist/components/page/CustomElement.js +1 -1
- package/dist/components/page/DualPage.js +69 -110
- package/dist/components/page/DualPageWithCover.js +131 -0
- package/dist/components/page/RPPage.js +126 -123
- package/dist/components/page/SinglePage.js +59 -110
- package/dist/components/page/TextHighlightLayer.js +187 -129
- package/dist/components/page/TextLayer.js +186 -125
- package/dist/components/ui/Button.js +14 -12
- package/dist/components/ui/Checkbox.js +78 -70
- package/dist/components/ui/DropDown.js +11 -8
- package/dist/components/ui/Input.js +12 -11
- package/dist/components/ui/LoadingIndicator.js +34 -127
- package/dist/components/ui/PasswordModal.js +44 -30
- package/dist/components/ui/RPTooltip.js +121 -135
- package/dist/contexts/DimensionPagesContext.js +1 -1
- package/dist/contexts/DropFileZoneContext.js +1 -1
- package/dist/contexts/ElementPageContext.js +1 -1
- package/dist/contexts/EventCallbackContext.js +12 -8
- package/dist/contexts/FileInputContext.js +1 -1
- package/dist/contexts/HighlightContext.js +1 -1
- package/dist/contexts/LocalizationContext.js +1 -1
- package/dist/contexts/PagesRotateContext.js +1 -1
- package/dist/contexts/PaginationContext.js +15 -118
- package/dist/contexts/PrintContext.js +67 -131
- package/dist/contexts/RPDocumentContext.js +1 -1
- package/dist/contexts/RenderQueueProvider.js +48 -118
- package/dist/contexts/RotationContext.js +1 -1
- package/dist/contexts/ScrollModeContext.js +1 -1
- package/dist/contexts/SearchContext.js +66 -112
- package/dist/contexts/SelectionModeContext.js +1 -1
- package/dist/contexts/ThumbnailsContext.js +32 -131
- package/dist/contexts/ViewModeContext.js +19 -15
- package/dist/contexts/ZoomContext.js +1 -1
- package/dist/de_DE-a553b162.js +489 -0
- package/dist/floating-ui.react-dom-5ec29bd6.js +1327 -0
- package/dist/index-61f59539.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 -130
- package/dist/types/components/icons/DualPageWithCoverIcon.d.ts +2 -0
- package/dist/types/components/layout/LayoutContainer.d.ts +1 -5
- package/dist/types/components/layout/LayoutWrapper.d.ts +1 -5
- package/dist/types/components/layout/SkipLink.d.ts +7 -0
- package/dist/types/components/layout/sidebar/Thumbnails.d.ts +1 -3
- package/dist/types/components/layout/toolbar/RPToolbar.d.ts +1 -3
- package/dist/types/components/layout/toolbar/tools/DualPageWithCoverTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/FirstPageTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/HorizontalScrollingTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/LastPageTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/PageScrollingTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/VerticalScrollingTool.d.ts +3 -0
- package/dist/types/components/page/DualPageWithCover.d.ts +5 -0
- package/dist/types/components/page/RPPage.d.ts +1 -3
- package/dist/types/components/ui/Button.d.ts +1 -3
- package/dist/types/components/ui/Checkbox.d.ts +1 -0
- package/dist/types/components/ui/Input.d.ts +1 -3
- package/dist/types/components/ui/RPTooltip.d.ts +1 -3
- package/dist/types/locales/de_DE.json.d.ts +83 -0
- package/dist/types/locales/en_US.json.d.ts +2 -0
- package/dist/types/locales/it_IT.json.d.ts +2 -0
- package/dist/types/locales/pt_PT.json.d.ts +2 -0
- package/dist/types/locales/th_TH.json.d.ts +2 -0
- package/dist/types/locales/zh_CN.json.d.ts +2 -0
- package/dist/types/main.d.ts +8 -2
- package/dist/types/utils/annotations.d.ts +10 -1
- package/dist/types/utils/calculatePage.d.ts +3 -3
- package/dist/types/utils/hooks/usePresentPage.d.ts +2 -1
- package/dist/types/utils/hooks/useTextSelection.d.ts +7 -0
- package/dist/types/utils/types.d.ts +34 -3
- package/dist/types/utils/withRef.d.ts +5 -4
- package/dist/utils/annotations.js +145 -150
- package/dist/utils/calculatePage.js +17 -11
- package/dist/utils/getZoomLevel.js +9 -9
- package/dist/utils/highlight.js +139 -139
- package/dist/utils/hooks/useFileDownload.js +23 -130
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/useLoadPdf.js +1 -1
- package/dist/utils/hooks/useLocalization.js +12 -11
- package/dist/utils/hooks/usePageRotateContext.js +1 -1
- package/dist/utils/hooks/usePaginate.js +23 -126
- package/dist/utils/hooks/usePinch.js +1 -1
- package/dist/utils/hooks/usePresentPage.js +79 -129
- package/dist/utils/hooks/usePrint.js +175 -130
- package/dist/utils/hooks/useRotate.js +1 -1
- package/dist/utils/hooks/useScrollToPage.js +18 -121
- package/dist/utils/hooks/useSearch.js +149 -127
- package/dist/utils/hooks/useTextSelection.js +76 -0
- package/dist/utils/hooks/useThumbnail.js +50 -131
- package/dist/utils/hooks/useVirtualReactWindow.js +84 -128
- package/dist/utils/types.js +14 -13
- package/dist/utils/withRef.js +5 -5
- package/package.json +5 -4
- package/dist/LayoutWrapper-6224491f.js +0 -19
- package/dist/SearchCloseButton-08d57275.js +0 -33
- package/dist/ToolbarLayout.module-8d56d12b.js +0 -3560
- package/dist/floating-ui.react-dom-d22a10b4.js +0 -1474
- package/dist/index-3bf64864.js +0 -1886
- package/dist/th_TH-d627cd51.js +0 -398
|
@@ -1,51 +1,63 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { G as
|
|
3
|
-
import { MenuSeparator as
|
|
4
|
-
import { MenuItem as
|
|
5
|
-
import { DualPageIcon as
|
|
6
|
-
import {
|
|
1
|
+
import { jsx as t, Fragment as I, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import { G as f } from "../../../index-61f59539.js";
|
|
3
|
+
import { MenuSeparator as g } from "./MenuSeparator.js";
|
|
4
|
+
import { MenuItem as i } from "./MenuItem.js";
|
|
5
|
+
import { DualPageIcon as T } from "../../icons/DualPageIcon.js";
|
|
6
|
+
import { DualPageWithCoverIcon as v } from "../../icons/DualPageWithCoverIcon.js";
|
|
7
|
+
import { SinglePageIcon as N } from "../../icons/SinglePageIcon.js";
|
|
7
8
|
import { useViewModeContext as x } from "../../../contexts/ViewModeContext.js";
|
|
8
|
-
import { ScrollMode as
|
|
9
|
-
import { CheckIcon as
|
|
10
|
-
import { useToolbarComponentContext as
|
|
11
|
-
import { useScrollModeContext as
|
|
12
|
-
import { useMemo as
|
|
13
|
-
import { useLocalizationContext as
|
|
14
|
-
import
|
|
9
|
+
import { ScrollMode as L, ViewMode as m } from "../../../utils/types.js";
|
|
10
|
+
import { CheckIcon as l } from "../../icons/CheckIcon.js";
|
|
11
|
+
import { useToolbarComponentContext as D } from "../../../contexts/ToolbarComponentContext.js";
|
|
12
|
+
import { useScrollModeContext as W } from "../../../contexts/ScrollModeContext.js";
|
|
13
|
+
import { useMemo as w } from "react";
|
|
14
|
+
import { useLocalizationContext as S } from "../../../contexts/LocalizationContext.js";
|
|
15
|
+
import c from "../../ui/RPTooltip.js";
|
|
15
16
|
import { useIconContext as u } from "../../../contexts/IconContext.js";
|
|
16
|
-
import { useIconToolContext as
|
|
17
|
-
import { useToolComponentContext as
|
|
18
|
-
import "../../../index-
|
|
17
|
+
import { useIconToolContext as p } from "../../../contexts/IconToolContext.js";
|
|
18
|
+
import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
|
|
19
|
+
import "../../../index-c0faa594.js";
|
|
19
20
|
import "react-dom";
|
|
20
|
-
import "../../../
|
|
21
|
+
import "../../../index-e3ee9457.js";
|
|
22
|
+
import "../../../Combination-136ff99c.js";
|
|
23
|
+
import "../../../floating-ui.react-dom-5ec29bd6.js";
|
|
24
|
+
import "../../../index-655864a7.js";
|
|
21
25
|
import "../../../clsx-0c6e471a.js";
|
|
22
26
|
import "../../../utils/appConsole.js";
|
|
23
27
|
import "../../../contexts/InitialStateContext.js";
|
|
24
|
-
import "../../../
|
|
28
|
+
import "../../../de_DE-a553b162.js";
|
|
25
29
|
import "../../../utils/hooks/useLocalization.js";
|
|
26
30
|
import "../../../utils/withRef.js";
|
|
27
|
-
const
|
|
28
|
-
const { singlePageIcon:
|
|
29
|
-
return
|
|
30
|
-
},
|
|
31
|
-
const { dualPageIcon:
|
|
32
|
-
return
|
|
33
|
-
},
|
|
34
|
-
const {
|
|
35
|
-
return
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
const G = () => {
|
|
32
|
+
const { singlePageIcon: e } = u(), { singlePageIcon: r } = p();
|
|
33
|
+
return e || r || /* @__PURE__ */ t(N, {});
|
|
34
|
+
}, A = () => {
|
|
35
|
+
const { dualPageIcon: e } = u(), { dualPageIcon: r } = p();
|
|
36
|
+
return e || r || /* @__PURE__ */ t(T, {});
|
|
37
|
+
}, V = () => {
|
|
38
|
+
const { dualPageWithCoverIcon: e } = u(), { dualPageWithCoverIcon: r } = p();
|
|
39
|
+
return e || r || /* @__PURE__ */ t(v, {});
|
|
40
|
+
}, uo = () => {
|
|
41
|
+
const { viewMode: e, setDualPage: r, setDualPageWithCover: s, setSinglePage: P } = x(), { viewModeTool: h = !0 } = D(), { viewModeTool: C = !0 } = b(), { scrollMode: a } = W(), { localeMessages: o } = S(), d = w(() => [L.HORIZONTAL_SCROLLING].includes(a), [a]);
|
|
42
|
+
return !h || !C ? null : /* @__PURE__ */ t(I, { children: /* @__PURE__ */ n(f, { children: [
|
|
43
|
+
/* @__PURE__ */ t(i, { onClick: P, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
|
|
44
|
+
/* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(G, {}) }),
|
|
38
45
|
o == null ? void 0 : o.singlePageLabel,
|
|
39
|
-
|
|
46
|
+
e === m.SINGLE_PAGE ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
|
|
40
47
|
] }) }),
|
|
41
|
-
/* @__PURE__ */
|
|
42
|
-
/* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ t(i, { disabled: d, onClick: r, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
|
|
49
|
+
/* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(A, {}) }),
|
|
43
50
|
o == null ? void 0 : o.dualPageLabel,
|
|
44
|
-
|
|
51
|
+
e === m.DUAL_PAGE ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
|
|
45
52
|
] }) }),
|
|
46
|
-
/* @__PURE__ */
|
|
53
|
+
/* @__PURE__ */ t(i, { disabled: d, onClick: s, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageWithCoverTooltip, children: [
|
|
54
|
+
/* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(V, {}) }),
|
|
55
|
+
o == null ? void 0 : o.dualPageWithCoverLabel,
|
|
56
|
+
e === m.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
|
|
57
|
+
] }) }),
|
|
58
|
+
/* @__PURE__ */ t(g, {})
|
|
47
59
|
] }) });
|
|
48
60
|
};
|
|
49
61
|
export {
|
|
50
|
-
|
|
62
|
+
uo as ViewModeTool
|
|
51
63
|
};
|
|
@@ -1,27 +1,28 @@
|
|
|
1
|
-
import "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import "../../../contexts/ZoomContext.js";
|
|
4
|
-
import "../../icons/ChevronUpIcon.js";
|
|
5
|
-
import "../../icons/ZoomInIcon.js";
|
|
6
|
-
import "../../icons/ZoomOutIcon.js";
|
|
7
|
-
import "../../ui/Button.js";
|
|
8
|
-
import {
|
|
9
|
-
import "../../ui/DropDown.js";
|
|
10
|
-
import "../../../contexts/LayoutContainerContext.js";
|
|
11
|
-
import "../../../index-
|
|
12
|
-
import "./MenuItem.js";
|
|
13
|
-
import "./MenuSeparator.js";
|
|
14
|
-
import "../../../contexts/ToolbarComponentContext.js";
|
|
15
|
-
import "../../../contexts/IconContext.js";
|
|
16
|
-
import "../../../contexts/ViewportContext.js";
|
|
17
|
-
import "../../ui/RPTooltip.js";
|
|
18
|
-
import "../../../utils/types.js";
|
|
19
|
-
import "../../../contexts/LocalizationContext.js";
|
|
20
|
-
import "../../../clsx-0c6e471a.js";
|
|
21
|
-
import "../../../contexts/IconToolContext.js";
|
|
22
|
-
import "../../../contexts/ToolComponentContext.js";
|
|
23
|
-
import "
|
|
24
|
-
import "../../../utils/
|
|
1
|
+
import { jsx as t, jsxs as p } from "react/jsx-runtime";
|
|
2
|
+
import { useState as I, useRef as P, useCallback as C, useMemo as T, useEffect as R } from "react";
|
|
3
|
+
import { useZoomContext as W } from "../../../contexts/ZoomContext.js";
|
|
4
|
+
import { ChevronUpIcon as E } from "../../icons/ChevronUpIcon.js";
|
|
5
|
+
import { ZoomInIcon as G } from "../../icons/ZoomInIcon.js";
|
|
6
|
+
import { ZoomOutIcon as H } from "../../icons/ZoomOutIcon.js";
|
|
7
|
+
import { UIButton as f } from "../../ui/Button.js";
|
|
8
|
+
import { c as e } from "../../../ZoomTool.module-7082af8c.js";
|
|
9
|
+
import { UIDropDown as U } from "../../ui/DropDown.js";
|
|
10
|
+
import { useLayoutContainer as _ } from "../../../contexts/LayoutContainerContext.js";
|
|
11
|
+
import { G as Z } from "../../../index-61f59539.js";
|
|
12
|
+
import { MenuItem as c } from "./MenuItem.js";
|
|
13
|
+
import { MenuSeparator as j } from "./MenuSeparator.js";
|
|
14
|
+
import { useToolbarComponentContext as F } from "../../../contexts/ToolbarComponentContext.js";
|
|
15
|
+
import { useIconContext as x } from "../../../contexts/IconContext.js";
|
|
16
|
+
import { useViewportContext as B } from "../../../contexts/ViewportContext.js";
|
|
17
|
+
import s from "../../ui/RPTooltip.js";
|
|
18
|
+
import { ZoomLevel as h } from "../../../utils/types.js";
|
|
19
|
+
import { useLocalizationContext as V } from "../../../contexts/LocalizationContext.js";
|
|
20
|
+
import { c as X } from "../../../clsx-0c6e471a.js";
|
|
21
|
+
import { useIconToolContext as b } from "../../../contexts/IconToolContext.js";
|
|
22
|
+
import { useToolComponentContext as $ } from "../../../contexts/ToolComponentContext.js";
|
|
23
|
+
import { ZoomLevelDisplay as q } from "./tools/ZoomLevelDisplay.js";
|
|
24
|
+
import { MAX_ZOOM_SCALE as O } from "../../../utils/constants.js";
|
|
25
|
+
import { isZoomOutDisabled as J, isZoomInDisabled as K } from "../../../utils/zoom.js";
|
|
25
26
|
import "../../../utils/appConsole.js";
|
|
26
27
|
import "../../../contexts/InitialStateContext.js";
|
|
27
28
|
import "../../../contexts/RPDocumentContext.js";
|
|
@@ -30,7 +31,7 @@ import "pdfjs-dist";
|
|
|
30
31
|
import "../../../utils/getThumbnailViewport.js";
|
|
31
32
|
import "../../../contexts/ConfigContext.js";
|
|
32
33
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
33
|
-
import "../../../
|
|
34
|
+
import "../../../de_DE-a553b162.js";
|
|
34
35
|
import "../../../utils/hooks/usePdfProperties.js";
|
|
35
36
|
import "../../../utils/convertPdfDate.js";
|
|
36
37
|
import "../../../utils/formatFileSize.js";
|
|
@@ -41,100 +42,109 @@ import "../../../contexts/GlobalCurrentPage.js";
|
|
|
41
42
|
import "../../../contexts/EventCallbackContext.js";
|
|
42
43
|
import "../../../utils/hooks/useDebounce.js";
|
|
43
44
|
import "../../../utils/withRef.js";
|
|
44
|
-
import "
|
|
45
|
-
import "../../../contexts/ScrollModeContext.js";
|
|
46
|
-
import "../../../contexts/DarkModeContext.js";
|
|
47
|
-
import "../../../utils/hooks/useDarkMode.js";
|
|
48
|
-
import "../../../contexts/LayerContext.js";
|
|
49
|
-
import "../../../contexts/VirtualScrollContext.js";
|
|
50
|
-
import "../../../contexts/VirtualGridContext.js";
|
|
51
|
-
import "../../../contexts/SelectionModeContext.js";
|
|
52
|
-
import "../../../contexts/FullScreenContext.js";
|
|
53
|
-
import "../../../utils/hooks/useFullScreen.js";
|
|
54
|
-
import "../../../contexts/FileInputContext.js";
|
|
55
|
-
import "../../../contexts/DropFileZoneContext.js";
|
|
56
|
-
import "../../../utils/highlight.js";
|
|
57
|
-
import "../../../utils/charators.js";
|
|
58
|
-
import "../../../contexts/DimensionPagesContext.js";
|
|
59
|
-
import "../../../contexts/PagesRotateContext.js";
|
|
60
|
-
import "../../../contexts/HighlightContext.js";
|
|
61
|
-
import "../../../utils/hooks/useHighlight.js";
|
|
62
|
-
import "../../../contexts/LicenseContext.js";
|
|
63
|
-
import "../../../utils/hooks/useLicense.js";
|
|
64
|
-
import "../../../contexts/DownloadContext.js";
|
|
65
|
-
import "../../../contexts/SmoothScrollContext.js";
|
|
66
|
-
import "../../../contexts/ElementPageContext.js";
|
|
67
|
-
import "../../../utils/const.js";
|
|
68
|
-
import "../../../utils/getScrollDistance.js";
|
|
69
|
-
import "../../../utils/getElementPositionInPage.js";
|
|
70
|
-
import "../../../utils/Queue.js";
|
|
71
|
-
import "../../../utils/renderPage.js";
|
|
72
|
-
import "../../../contexts/LoaderContext.js";
|
|
73
|
-
import "../../icons/LoaderIcon.js";
|
|
74
|
-
import "../../../contexts/OtherToolContext.js";
|
|
75
|
-
import "../../../contexts/ThemeContext.js";
|
|
76
|
-
import "../../icons/Thumbnail.js";
|
|
77
|
-
import "../Container.js";
|
|
78
|
-
import "../sidebar/RPSplitter.js";
|
|
79
|
-
import "../WrapperLayout.js";
|
|
80
|
-
import "../../RPDropFileZone.js";
|
|
81
|
-
import "../../icons/LightPdfIcon.js";
|
|
82
|
-
import "../../icons/DarkPdfIcon.js";
|
|
83
|
-
import "../../../utils/hooks/useLocalization.js";
|
|
84
|
-
import "../../../LayoutWrapper-6224491f.js";
|
|
85
|
-
import "../../../SearchCloseButton-08d57275.js";
|
|
86
|
-
import "../../icons/CloseIcon.js";
|
|
87
|
-
import "../../ui/Checkbox.js";
|
|
88
|
-
import "../../../index-c9a2990a.js";
|
|
45
|
+
import "../../../index-c0faa594.js";
|
|
89
46
|
import "react-dom";
|
|
90
|
-
import "
|
|
91
|
-
import "../../../
|
|
92
|
-
import "
|
|
93
|
-
import "../../../
|
|
94
|
-
import "../../../utils/hooks/
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
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
|
-
|
|
47
|
+
import "../../../index-e3ee9457.js";
|
|
48
|
+
import "../../../Combination-136ff99c.js";
|
|
49
|
+
import "../../../floating-ui.react-dom-5ec29bd6.js";
|
|
50
|
+
import "../../../index-655864a7.js";
|
|
51
|
+
import "../../../utils/hooks/useLocalization.js";
|
|
52
|
+
const Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
|
|
53
|
+
const { zoomInIcon: m } = x(), { zoomInIcon: r } = b();
|
|
54
|
+
return m || r || /* @__PURE__ */ t(G, {});
|
|
55
|
+
}, g = () => {
|
|
56
|
+
const { zoomOutIcon: m } = x(), { zoomOutIcon: r } = b();
|
|
57
|
+
return m || r || /* @__PURE__ */ t(H, {});
|
|
58
|
+
}, Yo = () => {
|
|
59
|
+
const { zoomLevel: m, setZoomLevel: r, currentZoom: i } = W(), { container: v, pagesRef: u } = _(), { zoomTool: l = !0 } = F(), { zoomTool: d = !0 } = $(), { isSmallScreen: w } = B(), { localeMessages: o } = V(), [L, D] = I(0), [a, S] = I(!1), z = P(
|
|
60
|
+
new ResizeObserver((n) => {
|
|
61
|
+
D(n[0].contentRect.height);
|
|
62
|
+
})
|
|
63
|
+
), k = C(() => {
|
|
64
|
+
r(() => {
|
|
65
|
+
const n = Math.floor(i * 100 / 25) * 25;
|
|
66
|
+
return Math.min(n + 25, O);
|
|
67
|
+
});
|
|
68
|
+
}, [r, i]), A = C(() => {
|
|
69
|
+
r(() => {
|
|
70
|
+
const n = Math.ceil(i * 100 / 25) * 25;
|
|
71
|
+
return Math.min(n - 25, O);
|
|
72
|
+
});
|
|
73
|
+
}, [r, i]), y = T(() => J(i), [i]), N = T(() => K(i), [i]);
|
|
74
|
+
return R(() => (u && z.current.observe(u), () => {
|
|
75
|
+
z.current.disconnect();
|
|
76
|
+
}), [u]), !l || !d ? null : typeof l == "function" ? /* @__PURE__ */ t(l, { zoomLevel: m, setZoomLevel: r }) : typeof d == "function" ? /* @__PURE__ */ t(d, { zoomLevel: m, setZoomLevel: r }) : /* @__PURE__ */ p("div", { className: e["rp-zoom-wrapper"], children: [
|
|
77
|
+
/* @__PURE__ */ t(s, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
|
|
78
|
+
f,
|
|
79
|
+
{
|
|
80
|
+
disabled: y,
|
|
81
|
+
onClick: A,
|
|
82
|
+
"aria-label": o == null ? void 0 : o.zoomOutTooltip,
|
|
83
|
+
children: /* @__PURE__ */ t(g, {})
|
|
84
|
+
}
|
|
85
|
+
) }),
|
|
86
|
+
!w && /* @__PURE__ */ t(
|
|
87
|
+
U,
|
|
88
|
+
{
|
|
89
|
+
container: v,
|
|
90
|
+
open: a,
|
|
91
|
+
onOpenChange: S,
|
|
92
|
+
triggerComponent: /* @__PURE__ */ t("div", { role: "button", children: /* @__PURE__ */ t(s, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ p(
|
|
93
|
+
f,
|
|
94
|
+
{
|
|
95
|
+
className: X(
|
|
96
|
+
e["rp-current-zoom-wrapper"],
|
|
97
|
+
a && e.active
|
|
98
|
+
),
|
|
99
|
+
"aria-label": o == null ? void 0 : o.zoomSelectTooltip,
|
|
100
|
+
children: [
|
|
101
|
+
/* @__PURE__ */ t(
|
|
102
|
+
q,
|
|
103
|
+
{
|
|
104
|
+
zoomLevel: m,
|
|
105
|
+
className: e["rp-current-zoom-text"]
|
|
106
|
+
}
|
|
107
|
+
),
|
|
108
|
+
/* @__PURE__ */ t(E, { className: e["rp-current-zoom-icon"] })
|
|
109
|
+
]
|
|
110
|
+
}
|
|
111
|
+
) }) }),
|
|
112
|
+
style: { minWidth: "200px" },
|
|
113
|
+
align: "center",
|
|
114
|
+
side: "bottom",
|
|
115
|
+
avoidCollisions: !1,
|
|
116
|
+
children: /* @__PURE__ */ p(
|
|
117
|
+
"div",
|
|
118
|
+
{
|
|
119
|
+
style: { maxHeight: `${L}px`, overflow: "auto" },
|
|
120
|
+
className: e["rp-zoom-dropdown-content"],
|
|
121
|
+
children: [
|
|
122
|
+
/* @__PURE__ */ p(Z, { children: [
|
|
123
|
+
/* @__PURE__ */ t(c, { onClick: () => r(h.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
|
|
124
|
+
/* @__PURE__ */ t(c, { onClick: () => r(h.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
|
|
125
|
+
/* @__PURE__ */ t(c, { onClick: () => r(h.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
|
|
126
|
+
] }),
|
|
127
|
+
/* @__PURE__ */ t(j, {}),
|
|
128
|
+
/* @__PURE__ */ t(Z, { children: Q.map((n) => /* @__PURE__ */ p(c, { onClick: () => r(n), children: [
|
|
129
|
+
n,
|
|
130
|
+
" %"
|
|
131
|
+
] }, n)) })
|
|
132
|
+
]
|
|
133
|
+
}
|
|
134
|
+
)
|
|
135
|
+
}
|
|
136
|
+
),
|
|
137
|
+
/* @__PURE__ */ t(s, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ t(
|
|
138
|
+
f,
|
|
139
|
+
{
|
|
140
|
+
disabled: N,
|
|
141
|
+
onClick: k,
|
|
142
|
+
"aria-label": o == null ? void 0 : o.zoomInTooltip,
|
|
143
|
+
children: /* @__PURE__ */ t(Y, {})
|
|
144
|
+
}
|
|
145
|
+
) })
|
|
146
|
+
] });
|
|
147
|
+
};
|
|
138
148
|
export {
|
|
139
|
-
|
|
149
|
+
Yo as ZoomTool
|
|
140
150
|
};
|
|
@@ -3,156 +3,52 @@ import e from "../../../ui/RPTooltip.js";
|
|
|
3
3
|
import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
|
|
4
4
|
import { useOtherToolContext as u } from "../../../../contexts/OtherToolContext.js";
|
|
5
5
|
import { InfoIcon as f } from "../../../icons/InfoIcon.js";
|
|
6
|
-
import { UIButton as
|
|
7
|
-
import {
|
|
6
|
+
import { UIButton as P } from "../../../ui/Button.js";
|
|
7
|
+
import { DocumentDialog as d } from "../DocumentDialog.js";
|
|
8
8
|
import "react";
|
|
9
|
-
import "../../../../index-
|
|
9
|
+
import "../../../../index-c0faa594.js";
|
|
10
10
|
import "react-dom";
|
|
11
|
-
import "../../../../
|
|
11
|
+
import "../../../../index-e3ee9457.js";
|
|
12
|
+
import "../../../../floating-ui.react-dom-5ec29bd6.js";
|
|
13
|
+
import "../../../../index-655864a7.js";
|
|
12
14
|
import "../../../../utils/withRef.js";
|
|
13
15
|
import "../../../../utils/appConsole.js";
|
|
14
16
|
import "../../../../utils/hooks/useLocalization.js";
|
|
15
|
-
import "../../../../
|
|
17
|
+
import "../../../../de_DE-a553b162.js";
|
|
16
18
|
import "../../../../clsx-0c6e471a.js";
|
|
17
|
-
import "
|
|
18
|
-
import "
|
|
19
|
-
import "
|
|
20
|
-
import "../../../../
|
|
21
|
-
import "../../../../contexts/InitialStateContext.js";
|
|
19
|
+
import "../../../../Combination-136ff99c.js";
|
|
20
|
+
import "../../../../contexts/LayoutContainerContext.js";
|
|
21
|
+
import "../../../icons/CloseIcon.js";
|
|
22
|
+
import "../../../../utils/dateFormatter.js";
|
|
22
23
|
import "../../../../contexts/RPDocumentContext.js";
|
|
23
24
|
import "../../../../utils/hooks/useLoadPdf.js";
|
|
24
25
|
import "pdfjs-dist";
|
|
26
|
+
import "../../../../utils/types.js";
|
|
25
27
|
import "../../../../utils/getThumbnailViewport.js";
|
|
26
28
|
import "../../../../contexts/ConfigContext.js";
|
|
27
29
|
import "../../../../contexts/DocumentPasswordContext.js";
|
|
28
30
|
import "../../../../utils/hooks/usePdfProperties.js";
|
|
29
31
|
import "../../../../utils/convertPdfDate.js";
|
|
30
32
|
import "../../../../utils/formatFileSize.js";
|
|
31
|
-
import "../../../../contexts/DarkModeContext.js";
|
|
32
|
-
import "../../../../utils/hooks/useDarkMode.js";
|
|
33
|
-
import "../../../../contexts/RotationContext.js";
|
|
34
|
-
import "../../../../contexts/LayerContext.js";
|
|
35
|
-
import "../../../../contexts/ZoomContext.js";
|
|
36
|
-
import "../../../../utils/constants.js";
|
|
37
|
-
import "../../../../utils/getZoomLevel.js";
|
|
38
|
-
import "../../../../contexts/LayoutContainerContext.js";
|
|
39
|
-
import "../../../../contexts/ViewModeContext.js";
|
|
40
|
-
import "../../../../contexts/GlobalCurrentPage.js";
|
|
41
|
-
import "../../../../contexts/EventCallbackContext.js";
|
|
42
|
-
import "../../../../utils/hooks/useDebounce.js";
|
|
43
|
-
import "../../../../contexts/VirtualScrollContext.js";
|
|
44
|
-
import "../../../../contexts/VirtualGridContext.js";
|
|
45
|
-
import "../../../../contexts/SelectionModeContext.js";
|
|
46
|
-
import "../../../../contexts/FullScreenContext.js";
|
|
47
|
-
import "../../../../utils/hooks/useFullScreen.js";
|
|
48
|
-
import "../../../../contexts/FileInputContext.js";
|
|
49
|
-
import "../../../../contexts/DropFileZoneContext.js";
|
|
50
|
-
import "../../../../contexts/ToolbarComponentContext.js";
|
|
51
|
-
import "../../../../contexts/ToolComponentContext.js";
|
|
52
|
-
import "../../../../utils/highlight.js";
|
|
53
|
-
import "../../../../utils/charators.js";
|
|
54
|
-
import "../../../../contexts/DimensionPagesContext.js";
|
|
55
|
-
import "../../../../contexts/PagesRotateContext.js";
|
|
56
|
-
import "../../../../contexts/HighlightContext.js";
|
|
57
|
-
import "../../../../utils/hooks/useHighlight.js";
|
|
58
|
-
import "../../../../contexts/LicenseContext.js";
|
|
59
|
-
import "../../../../utils/hooks/useLicense.js";
|
|
60
|
-
import "../../../../contexts/DownloadContext.js";
|
|
61
|
-
import "../../../../contexts/SmoothScrollContext.js";
|
|
62
|
-
import "../../../../contexts/ElementPageContext.js";
|
|
63
|
-
import "../../../../utils/const.js";
|
|
64
|
-
import "../../../../utils/getScrollDistance.js";
|
|
65
|
-
import "../../../../utils/getElementPositionInPage.js";
|
|
66
|
-
import "../../../../utils/Queue.js";
|
|
67
|
-
import "../../../../utils/renderPage.js";
|
|
68
|
-
import "../../../../contexts/LoaderContext.js";
|
|
69
|
-
import "../../../icons/LoaderIcon.js";
|
|
70
|
-
import "../../../../contexts/IconToolContext.js";
|
|
71
|
-
import "../../../../contexts/ThemeContext.js";
|
|
72
|
-
import "../../../icons/Thumbnail.js";
|
|
73
|
-
import "../../Container.js";
|
|
74
|
-
import "../../../../contexts/ViewportContext.js";
|
|
75
|
-
import "../../sidebar/RPSplitter.js";
|
|
76
|
-
import "../../WrapperLayout.js";
|
|
77
|
-
import "../../../RPDropFileZone.js";
|
|
78
|
-
import "../../../icons/LightPdfIcon.js";
|
|
79
|
-
import "../../../icons/DarkPdfIcon.js";
|
|
80
|
-
import "../../../../LayoutWrapper-6224491f.js";
|
|
81
|
-
import "../../../../SearchCloseButton-08d57275.js";
|
|
82
|
-
import "../../../icons/CloseIcon.js";
|
|
83
|
-
import "../../../ui/Checkbox.js";
|
|
84
|
-
import "../../../icons/CheckIcon.js";
|
|
85
|
-
import "../../../../contexts/IconContext.js";
|
|
86
|
-
import "../../../ui/DropDown.js";
|
|
87
|
-
import "../../../../index-3bf64864.js";
|
|
88
|
-
import "../MenuItem.js";
|
|
89
|
-
import "../MenuSeparator.js";
|
|
90
|
-
import "../../../../utils/dateFormatter.js";
|
|
91
33
|
import "../PropertyItem.js";
|
|
92
|
-
|
|
93
|
-
import "../../../../utils/hooks/useInfiniteScroll.js";
|
|
94
|
-
import "../../../../utils/link_service.js";
|
|
95
|
-
import "../../../../utils/annotations.js";
|
|
96
|
-
import "../../../../utils/sanitizeExternalUrl.js";
|
|
97
|
-
import "../../../page/searchHighlight.js";
|
|
98
|
-
import "../../../page/CustomElement.js";
|
|
99
|
-
import "../../../../utils/calculatePage.js";
|
|
100
|
-
import "../../../../utils/hooks/useMousePressed.js";
|
|
101
|
-
import "../../../../utils/hooks/useGrabScroll.js";
|
|
102
|
-
import "../../../../utils/hooks/usePinch.js";
|
|
103
|
-
import "../../../ui/PasswordModal.js";
|
|
104
|
-
import "../../../../utils/approximateFragtion.js";
|
|
105
|
-
import "../../../../utils/hooks/useCopyText.js";
|
|
106
|
-
import "../../../../utils/getWordPositionInPage.js";
|
|
107
|
-
import "../../../../utils/smoothScrollTo.js";
|
|
108
|
-
import "../FileUploadTool.js";
|
|
109
|
-
import "../../../icons/FileUploadDefaultIcon.js";
|
|
110
|
-
import "../DarkModeTool.js";
|
|
111
|
-
import "../../../icons/MoonIcon.js";
|
|
112
|
-
import "../../../icons/SunIcon.js";
|
|
113
|
-
import "../../../icons/ThreeDotIcon.js";
|
|
114
|
-
import "../DocumentProperties.js";
|
|
115
|
-
import "../RotateTool.js";
|
|
116
|
-
import "../../../icons/ClockwiseIcon.js";
|
|
117
|
-
import "../../../../utils/hooks/useRotate.js";
|
|
118
|
-
import "../ViewModeTool.js";
|
|
119
|
-
import "../../../icons/DualPageIcon.js";
|
|
120
|
-
import "../../../icons/SinglePageIcon.js";
|
|
121
|
-
import "../ScrollModeTool.js";
|
|
122
|
-
import "../../../icons/PageScrollingIcon.js";
|
|
123
|
-
import "../../../icons/VerticalScrollingIcon.js";
|
|
124
|
-
import "../../../icons/HorizontalScrollingIcon.js";
|
|
125
|
-
import "../../../icons/FileDownloadDefaultIcon.js";
|
|
126
|
-
import "../../../icons/PrintDefaultIcon.js";
|
|
127
|
-
import "../FullScreenTool.js";
|
|
128
|
-
import "../../../icons/FullScreenIcon.js";
|
|
129
|
-
import "../../../icons/GoToDownIcon.js";
|
|
130
|
-
import "../SelectionModeTool.js";
|
|
131
|
-
import "../../../icons/TextSelectionDefaultIcon.js";
|
|
132
|
-
import "../../../icons/HandModeDefaultIcon.js";
|
|
133
|
-
import "../../../icons/ZoomInIcon.js";
|
|
134
|
-
import "../../../icons/ZoomOutIcon.js";
|
|
135
|
-
import "../../../../utils/zoom.js";
|
|
136
|
-
import "../../../icons/SearchIcon.js";
|
|
137
|
-
import "../../../icons/ClearIcon.js";
|
|
138
|
-
const d = ({
|
|
34
|
+
const x = ({
|
|
139
35
|
children: r,
|
|
140
36
|
className: i,
|
|
141
37
|
localeMessages: o
|
|
142
|
-
}) => /* @__PURE__ */ t(e, { className: i, content: o == null ? void 0 : o.documentPropertiesTooltip, children: r }),
|
|
38
|
+
}) => /* @__PURE__ */ t(e, { className: i, content: o == null ? void 0 : o.documentPropertiesTooltip, children: r }), Y = ({ icon: r }) => {
|
|
143
39
|
const { setActiveDocumentProperties: i } = u(), { localeMessages: o } = c();
|
|
144
40
|
return /* @__PURE__ */ p(n, { children: [
|
|
145
|
-
/* @__PURE__ */ t(
|
|
146
|
-
|
|
41
|
+
/* @__PURE__ */ t(x, { localeMessages: o, children: /* @__PURE__ */ t(
|
|
42
|
+
P,
|
|
147
43
|
{
|
|
148
44
|
onClick: () => i((m) => !m),
|
|
149
45
|
"aria-label": o == null ? void 0 : o.documentPropertiesLabel,
|
|
150
46
|
children: r || /* @__PURE__ */ t(f, {})
|
|
151
47
|
}
|
|
152
48
|
) }),
|
|
153
|
-
/* @__PURE__ */ t(
|
|
49
|
+
/* @__PURE__ */ t(d, {})
|
|
154
50
|
] });
|
|
155
51
|
};
|
|
156
52
|
export {
|
|
157
|
-
|
|
53
|
+
Y as DocumentPropertiesTool
|
|
158
54
|
};
|