@react-pdf-kit/viewer 2.0.0-beta.0 → 2.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -6
- package/dist/{LayoutWrapper-a871c161.js → LayoutWrapper-6224491f.js} +1 -1
- package/dist/{RotateTool.module-03987eba.js → RotateTool.module-67946714.js} +1 -1
- package/dist/{SearchCloseButton-cbf182aa.js → SearchCloseButton-08d57275.js} +1 -1
- package/dist/ToolbarLayout.module-37619c4b.js +3548 -0
- package/dist/assets/style.css +1 -0
- package/dist/assets/style.js +74 -0
- package/dist/components/RPConfig.js +127 -127
- package/dist/components/RPController.js +178 -64
- package/dist/components/RPDropFileZone.js +26 -12
- package/dist/components/RPPages.js +82 -6
- package/dist/components/RPProvider.js +169 -19
- package/dist/components/RPTheme.js +6 -5
- package/dist/components/icons/LoaderIcon.js +1 -1
- package/dist/components/layout/Container.js +1 -1
- package/dist/components/layout/LayoutContainer.js +88 -6
- package/dist/components/layout/LayoutWrapper.js +2 -1
- package/dist/components/layout/RPDefaultLayout.js +129 -3
- package/dist/components/layout/RPLayout.js +97 -7
- package/dist/components/layout/WrapperLayout.js +22 -9
- package/dist/components/layout/sidebar/RPSidebar.js +129 -2
- package/dist/components/layout/sidebar/RPSplitter.js +1 -1
- package/dist/components/layout/sidebar/Thumbnail.js +89 -6
- package/dist/components/layout/sidebar/Thumbnails.js +136 -2
- package/dist/components/layout/toolbar/DarkModeTool.js +22 -13
- package/dist/components/layout/toolbar/DocumentDialog.js +89 -6
- package/dist/components/layout/toolbar/DocumentProperties.js +18 -8
- package/dist/components/layout/toolbar/FileDownloadTool.js +129 -2
- package/dist/components/layout/toolbar/FileUploadTool.js +31 -10
- package/dist/components/layout/toolbar/FullScreenTool.js +39 -27
- package/dist/components/layout/toolbar/MenuItem.js +12 -8
- package/dist/components/layout/toolbar/MenuSeparator.js +8 -4
- package/dist/components/layout/toolbar/MostPageTool.js +89 -7
- package/dist/components/layout/toolbar/OtherTool.js +121 -3
- package/dist/components/layout/toolbar/Paginate.js +125 -2
- package/dist/components/layout/toolbar/PrintTool.js +129 -2
- package/dist/components/layout/toolbar/PropertyItem.js +1 -1
- package/dist/components/layout/toolbar/RPMenuItem.js +20 -13
- package/dist/components/layout/toolbar/RPMoreOptions.js +171 -44
- package/dist/components/layout/toolbar/RPToolbar.js +135 -3
- package/dist/components/layout/toolbar/RPToolbarEnd.js +135 -2
- package/dist/components/layout/toolbar/RotateTool.js +39 -18
- package/dist/components/layout/toolbar/ScrollModeTool.js +27 -18
- package/dist/components/layout/toolbar/SearchCloseButton.js +11 -2
- package/dist/components/layout/toolbar/SearchResultNavigator.js +135 -3
- package/dist/components/layout/toolbar/SearchTool.js +87 -6
- package/dist/components/layout/toolbar/SelectionModeTool.js +19 -10
- package/dist/components/layout/toolbar/ThumbnailTool.js +141 -10
- package/dist/components/layout/toolbar/ToolbarCustom.js +90 -7
- package/dist/components/layout/toolbar/ToolbarDefault.js +91 -7
- package/dist/components/layout/toolbar/ToolbarLayout.js +147 -6
- package/dist/components/layout/toolbar/ViewModeTool.js +26 -17
- package/dist/components/layout/toolbar/ZoomTool.js +140 -128
- package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +139 -7
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +142 -9
- package/dist/components/layout/toolbar/tools/FileUploadTool.js +27 -8
- package/dist/components/layout/toolbar/tools/FullScreenTool.js +23 -13
- package/dist/components/layout/toolbar/tools/InputPageTool.js +159 -26
- package/dist/components/layout/toolbar/tools/NextPageTool.js +89 -7
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +144 -11
- package/dist/components/layout/toolbar/tools/PrintTool.js +140 -7
- package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +29 -8
- package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +32 -11
- package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +15 -6
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +144 -11
- package/dist/components/layout/toolbar/tools/ZoomInTool.js +47 -20
- package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +142 -0
- package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +160 -29
- package/dist/components/layout/toolbar/tools/ZoomOutTool.js +45 -18
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +100 -13
- package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +146 -11
- package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +15 -5
- package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +143 -11
- package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +90 -7
- package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +21 -9
- package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +90 -8
- package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +139 -7
- package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +33 -12
- package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +23 -14
- package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +22 -13
- package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +25 -16
- package/dist/components/page/AnnotationLayer.js +86 -6
- package/dist/components/page/CanvasLayer.js +90 -6
- package/dist/components/page/CustomElement.js +49 -18
- package/dist/components/page/DualPage.js +138 -2
- package/dist/components/page/RPPage.js +88 -6
- package/dist/components/page/SinglePage.js +138 -2
- package/dist/components/page/TextHighlightLayer.js +88 -6
- package/dist/components/page/TextLayer.js +88 -6
- package/dist/components/ui/Button.js +9 -8
- package/dist/components/ui/Checkbox.js +6 -5
- package/dist/components/ui/DropDown.js +18 -14
- package/dist/components/ui/Input.js +10 -9
- package/dist/components/ui/LoadingIndicator.js +137 -2
- package/dist/components/ui/PasswordModal.js +18 -15
- package/dist/components/ui/RPTooltip.js +202 -415
- package/dist/contexts/DimensionPagesContext.js +35 -17
- package/dist/contexts/DropFileZoneContext.js +32 -22
- package/dist/contexts/ElementPageContext.js +114 -51
- package/dist/contexts/EventCallbackContext.js +30 -0
- package/dist/contexts/FileInputContext.js +32 -22
- package/dist/contexts/GlobalCurrentPage.js +13 -10
- package/dist/contexts/HighlightContext.js +24 -11
- package/dist/contexts/LicenseContext.js +1 -0
- package/dist/contexts/LoaderContext.js +10 -9
- package/dist/contexts/LocalizationContext.js +11 -10
- package/dist/contexts/PagesRotateContext.js +36 -18
- package/dist/contexts/PaginationContext.js +137 -4
- package/dist/contexts/PrintContext.js +140 -4
- package/dist/contexts/RPDocumentContext.js +38 -28
- package/dist/contexts/RenderQueueProvider.js +138 -4
- package/dist/contexts/RotationContext.js +25 -15
- package/dist/contexts/ScrollModeContext.js +7 -6
- package/dist/contexts/SearchContext.js +140 -4
- package/dist/contexts/SelectionModeContext.js +5 -4
- package/dist/contexts/ThumbnailsContext.js +140 -4
- package/dist/contexts/ViewModeContext.js +10 -9
- package/dist/contexts/ZoomContext.js +34 -24
- package/dist/index-808ea7bf.js +1685 -0
- package/dist/index-a48ec088.js +1672 -0
- package/dist/{index-35c7f4a2.js → index-c9a2990a.js} +3 -3
- package/dist/libInjectCss.js +9 -0
- package/dist/main.js +218 -84
- package/dist/types/assets/style.d.ts +1 -0
- package/dist/types/components/layout/toolbar/tools/ZoomLevelDisplay.d.ts +7 -0
- package/dist/types/contexts/EventCallbackContext.d.ts +5 -0
- package/dist/types/libInjectCss.d.ts +1 -0
- package/dist/types/main.d.ts +1 -1
- package/dist/types/utils/annotations.d.ts +1 -2
- package/dist/types/utils/approximateFragtion.d.ts +9 -0
- package/dist/types/utils/getElementPositionInPage.d.ts +5 -0
- package/dist/types/utils/injectPrintCSS.d.ts +1 -0
- package/dist/types/utils/link_service.d.ts +11 -1
- package/dist/types/utils/types.d.ts +11 -1
- package/dist/types/utils/zoom.d.ts +2 -0
- package/dist/utils/annotations.js +48 -58
- package/dist/utils/approximateFragtion.js +22 -0
- package/dist/utils/getElementPositionInPage.js +84 -0
- package/dist/utils/getZoomLevel.js +9 -8
- package/dist/utils/hooks/useDarkModeProps.js +3 -2
- package/dist/utils/hooks/useFileDownload.js +90 -6
- package/dist/utils/hooks/useHighlight.js +13 -12
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/useLoadPdf.js +46 -41
- package/dist/utils/hooks/useLoadWorker.js +8 -8
- package/dist/utils/hooks/usePageRotateContext.js +33 -17
- package/dist/utils/hooks/usePaginate.js +88 -6
- package/dist/utils/hooks/usePinch.js +62 -41
- package/dist/utils/hooks/usePresentPage.js +88 -6
- package/dist/utils/hooks/usePrint.js +89 -6
- package/dist/utils/hooks/useRotate.js +21 -7
- package/dist/utils/hooks/useScrollToPage.js +86 -6
- package/dist/utils/hooks/useSearch.js +86 -6
- package/dist/utils/hooks/useThumbnail.js +89 -6
- package/dist/utils/hooks/useVirtualReactWindow.js +88 -6
- package/dist/utils/hooks/useWatermark.js +18 -15
- package/dist/utils/injectPrintCSS.js +22 -0
- package/dist/utils/link_service.js +49 -9
- package/dist/utils/renderPage.js +1 -0
- package/dist/utils/zoom.js +6 -0
- package/package.json +18 -23
- package/dist/ToolbarLayout.module-c588d36b.js +0 -3411
- package/dist/ZoomTool.module-6c5eabbb.js +0 -12
- package/dist/assets/Button.css +0 -1
- package/dist/assets/Checkbox.css +0 -1
- package/dist/assets/Container.css +0 -1
- package/dist/assets/DropDown.css +0 -1
- package/dist/assets/Input.css +0 -1
- package/dist/assets/LayoutWrapper.css +0 -1
- package/dist/assets/LoaderIcon.css +0 -1
- package/dist/assets/MenuItem.css +0 -1
- package/dist/assets/MenuSeparator.css +0 -1
- package/dist/assets/PasswordModal.css +0 -1
- package/dist/assets/PropertyItem.css +0 -1
- package/dist/assets/RPDropFileZone.css +0 -1
- package/dist/assets/RPSplitter.css +0 -1
- package/dist/assets/RPTooltip.css +0 -1
- package/dist/assets/RotateTool.css +0 -1
- package/dist/assets/SearchCloseButton.css +0 -1
- package/dist/assets/ToolbarLayout.css +0 -1
- package/dist/assets/WrapperLayout.css +0 -1
- package/dist/assets/ZoomTool.css +0 -1
- package/dist/floating-ui.react-dom-6b2fe0df.js +0 -1474
- package/dist/index-f563c6f0.js +0 -1889
package/README.md
CHANGED
|
@@ -53,7 +53,7 @@ For the full feature set, visit [React PDF Features](https://www.react-pdf.dev/f
|
|
|
53
53
|
|
|
54
54
|
Here’s how to get started with React PDF in your React.js project:
|
|
55
55
|
|
|
56
|
-
## 1. Check
|
|
56
|
+
## 1. Check Prerequsities
|
|
57
57
|
|
|
58
58
|
Here are the basic system requirements to run the React PDF component:
|
|
59
59
|
|
|
@@ -175,12 +175,12 @@ For detailed usage, refer to our [Documentation][reactpdf-docs].
|
|
|
175
175
|
|
|
176
176
|
Here are some sample projects to get started on React PDF quickly:
|
|
177
177
|
|
|
178
|
-
1. [React (webpack) - JavaScript](https://github.com/
|
|
178
|
+
1. [React (webpack) - JavaScript](https://github.com/pdf-viewer-react/starter-rp-react-js-webpack)
|
|
179
179
|
2. [React (webpack) - TypeScript](https://github.com/reactpdf/pdf-viewer-react/starter-rp-react-ts-webpack)
|
|
180
|
-
3. [React (vite) - JavaScript](https://github.com/
|
|
181
|
-
4. [React (vite) - TypeScript](https://github.com/
|
|
182
|
-
5. [Next - JavaScript](https://github.com/
|
|
183
|
-
6. [Next - TypeScript](https://github.com/
|
|
180
|
+
3. [React (vite) - JavaScript](https://github.com/pdf-viewer-react/starter-rp-react-js-vite)
|
|
181
|
+
4. [React (vite) - TypeScript](https://github.com/pdf-viewer-react/starter-rp-react-ts-vite)
|
|
182
|
+
5. [Next - JavaScript](https://github.com/pdf-viewer-react/starter-rp-next-js)
|
|
183
|
+
6. [Next - TypeScript](https://github.com/pdf-viewer-react/starter-rp-next-ts)
|
|
184
184
|
|
|
185
185
|
# :raising_hand: Need Help?
|
|
186
186
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _ } from "react/jsx-runtime";
|
|
2
2
|
import { withRef as t } from "./utils/withRef.js";
|
|
3
|
-
|
|
3
|
+
const o = {
|
|
4
4
|
"rp-layout": "_rp-layout_1e7yi_1",
|
|
5
5
|
"rp-layout-wrapper": "_rp-layout-wrapper_1e7yi_5",
|
|
6
6
|
"rp-content": "_rp-content_1e7yi_11",
|
|
@@ -3,7 +3,7 @@ import i from "./components/ui/RPTooltip.js";
|
|
|
3
3
|
import { UIButton as n } from "./components/ui/Button.js";
|
|
4
4
|
import { CloseIcon as p } from "./components/icons/CloseIcon.js";
|
|
5
5
|
import { useLocalizationContext as e } from "./contexts/LocalizationContext.js";
|
|
6
|
-
|
|
6
|
+
const a = {
|
|
7
7
|
"rp-search-tool-content": "_rp-search-tool-content_t0ih3_1",
|
|
8
8
|
"rp-search-tool-input": "_rp-search-tool-input_t0ih3_10",
|
|
9
9
|
"rp-search-tool-input-icon": "_rp-search-tool-input-icon_t0ih3_17",
|