New features
- The default layout is responsive in different screen sizes
- You can add more options that will be passed to the pdf.js
getDocument
API:
<Viewer
fileUrl='...'
transformGetDocumentParams={(options: PdfJs.GetDocumentParams) => (
Object.assign({}, options, {
disableRange: false,
disableStream: false,
})
)}
/>
- Provide more reusable components:
Component | Provided by plugin | Description |
---|---|---|
DownloadMenuItem
| Get File | Download the current file |
EnterFullScreenMenuItem
| Full screen | Enter the full screen mode |
GoToNextPageMenuItem
| Page Navigation | Go to the next page |
GoToPreviousPageMenuItem
| Page Navigation | Go to the previous page |
OpenMenuItem
| Open | Open a new file |
PrintMenuItem
| Print the current file | |
ZoomInMenuItem
| Zoom | Zoom in the current file |
ZoomOutMenuItem
| Zoom | Zoom out the current file |
These components are available as Toolbar slots, so it's possible to add them to a custom toolbar
Improvements
- Decrease the number of renders from twice to once when setting the default scale
- The
Button
andMenuItem
components have disabled state. For example, the button for going to the first page will be disabled if we're at the first page - The icons use the current color instead of hard coded one. It's easier for us to create themes
Bug fixes
- Doesn't work with NextJS because
navigator
isn't defined - Some bookmarks are hidden initially
- The
initialPage
anddefaultScale
options don't work together - There are big spaces between thumbnails
- Zoom the document best inside the container initially
Breaking changes
- If you are creating a custom toolbar or buttons to go to particular pages, then the following props are renamed:
Old name | New name |
---|---|
GoToFirstPageProps
| GoToPageProps
|
GoToLastPageProps
| GoToPageProps
|
GoToNextPageProps
| GoToPageProps
|
GoToPreviousPageProps
| GoToPageProps
|
RenderGoToFirstPageProps
| RenderGoToPageProps
|
RenderGoToLastPageProps
| RenderGoToPageProps
|
RenderGoToNextPageProps
| RenderGoToPageProps
|
RenderGoToPreviousPageProps
| RenderGoToPageProps
|