@progress/kendo-react-pdf-viewer 5.10.0-dev.202212231206 → 5.10.0-dev.202301051045

package/dist/es/PDFViewer.d.ts

@@ -112,6 +112,7 @@ export interface PDFViewerProps {
      */
     zoomLevels?: {
         id: number;
+        priority: number;
         value: number;
         text: string;
         type: string;

package/dist/es/PDFViewer.js

@@ -25,20 +25,19 @@ const defaultProps = {
     tools: [...toolNames],
     zoomRate: 0.25,
     zoomLevels: [
-        { id: 1, value: 1, text: 'ActualWidth', type: 'ActualWidth', locationString: actualWidth },
-        { id: 2, value: 1, text: 'FitToWidth', type: 'FitToWidth', locationString: fitToWidth },
-        { id: 3, value: 1, text: 'FitToPage', type: 'FitToPage', locationString: fitToPage },
-        { id: 4, value: 0.5, text: '50%', type: '' },
-        { id: 5, value: 0.75, text: '75%', type: '' },
-        { id: 6, value: 1, text: '100%', type: '' },
-        { id: 7, value: 1.25, text: '125%', type: '' },
-        { id: 8, value: 1.5, text: '150%', type: '' },
-        { id: 9, value: 2, text: '200%', type: '' },
-        { id: 10, value: 3, text: '300%', type: '' },
-        { id: 11, value: 4, text: '400%', type: '' }
+        { id: 1, priority: 1, value: 1, text: 'Actual width', type: 'ActualWidth', locationString: actualWidth },
+        { id: 2, priority: 2, value: 1, text: 'Fit to width', type: 'FitToWidth', locationString: fitToWidth },
+        { id: 3, priority: 3, value: 1, text: 'Fit to page', type: 'FitToPage', locationString: fitToPage },
+        { id: 4, priority: 4, value: 0.5, text: '50%', type: '' },
+        { id: 5, priority: 5, value: 0.75, text: '75%', type: '' },
+        { id: 6, priority: 100, value: 1, text: '100%', type: '' },
+        { id: 7, priority: 7, value: 1.25, text: '125%', type: '' },
+        { id: 8, priority: 8, value: 1.5, text: '150%', type: '' },
+        { id: 9, priority: 9, value: 2, text: '200%', type: '' },
+        { id: 10, priority: 10, value: 3, text: '300%', type: '' },
+        { id: 11, priority: 11, value: 4, text: '400%', type: '' }
     ],
-    defaultZoom: 1.25,
-    defaultPage: 1
+    defaultZoom: DEFAULT_ZOOM_LEVEL
 };
 const navigation = [
     '.k-toolbar > button',
@@ -47,6 +46,15 @@ const navigation = [
     '.k-toolbar .k-pager > a',
     '.k-toolbar .k-pager input'
 ];
+const sortByPriority = (a, b) => {
+    if (a.priority > b.priority) {
+        return -1;
+    }
+    else if (a.priority < b.priority) {
+        return 1;
+    }
+    return 0;
+};
 /**
  * Represents the [KendoReact PDFViewer component]({% slug api_pdf-viewer_pdfviewerprops %}).
  */
@@ -57,7 +65,7 @@ export const PDFViewer = React.forwardRef((props, ref) => {
     const pagesRef = React.useRef(null);
     const [stateZoom, setStateZoom] = React.useState(defaultZoom);
     const currentZoom = zoom !== undefined ? zoom : stateZoom;
-    const currentZoomLevel = zoomLevels.find(z => z.value === currentZoom) ||
+    const currentZoomLevel = zoomLevels.slice().sort(sortByPriority).find(z => z.value === currentZoom) ||
         { text: (currentZoom * 100) + '%', value: currentZoom, id: currentZoom, locationString: '' };
     if (currentZoomLevel.locationString) {
         currentZoomLevel.text = loc.toLanguageString(currentZoomLevel.locationString, messages[currentZoomLevel.locationString]);
@@ -73,6 +81,7 @@ export const PDFViewer = React.forwardRef((props, ref) => {
     const [searchText, setSearchText] = React.useState('');
     const refObj = React.useMemo(() => ({}), []);
     refObj.currentZoom = currentZoom;
+    refObj.props = props;
     const target = React.useRef(null);
     const pdfViewerRef = React.useRef(null);
     React.useImperativeHandle(target, () => ({
@@ -83,11 +92,11 @@ export const PDFViewer = React.forwardRef((props, ref) => {
     }), []);
     React.useImperativeHandle(ref, () => target.current);
     const triggerOnLoad = React.useCallback(() => {
-        if (props.onLoad) {
+        if (refObj.props.onLoad) {
             const loadEvent = { target: target.current };
-            props.onLoad.call(undefined, loadEvent);
+            refObj.props.onLoad.call(undefined, loadEvent);
         }
-    }, [props.onLoad]);
+    }, []);
     const triggerOnDownload = React.useCallback((blob, fileName, saveOptions) => {
         if (props.onDownload) {
             const downloadEvent = {
@@ -121,7 +130,7 @@ export const PDFViewer = React.forwardRef((props, ref) => {
             charClass: 'k-text-char'
         });
     }, []);
-    const done = React.useCallback(({ pdfPages, pdfDoc, zoom: documentZoom }) => {
+    refObj.done = React.useCallback(({ pdfPages, pdfDoc, zoom: documentZoom }) => {
         refObj.document = pdfDoc;
         refObj.pages = pdfPages;
         refObj.zoom = documentZoom;
@@ -129,8 +138,11 @@ export const PDFViewer = React.forwardRef((props, ref) => {
         setLoading(false);
         setHasDocument(true);
         triggerOnLoad();
+        if (pagesRef.current) {
+            scrollToPage(pagesRef.current, 0);
+        }
     }, []);
-    const error = React.useCallback((reason) => {
+    refObj.error = React.useCallback((reason) => {
         refObj.document = null;
         refObj.pages = [];
         setLoading(false);
@@ -143,7 +155,6 @@ export const PDFViewer = React.forwardRef((props, ref) => {
             props.onError.call(undefined, errorEvent);
         }
     }, [props.onError]);
-    refObj.onError = error;
     React.useEffect(() => {
         if (pagesRef.current) {
             if (props.url || props.data || props.arrayBuffer) {
@@ -155,8 +166,8 @@ export const PDFViewer = React.forwardRef((props, ref) => {
                     arrayBuffer: props.arrayBuffer,
                     dom: pagesRef.current,
                     zoom: refObj.currentZoom,
-                    done,
-                    error: refObj.onError
+                    done: refObj.done,
+                    error: refObj.error
                 });
             }
             else {
@@ -181,15 +192,25 @@ export const PDFViewer = React.forwardRef((props, ref) => {
                     refObj.zoom = zoomLev;
                     setLoading(false);
                 },
-                error
+                error: refObj.error
             });
         }
-    }, [error]);
+    }, []);
     React.useEffect(() => {
         if (pagesRef.current && refObj.document && currentZoom !== refObj.zoom) {
             reload(refObj.document, currentZoom);
         }
     }, [currentZoom, reload]);
+    React.useEffect(() => {
+        return () => {
+            refObj.scroller.destroy();
+            if (refObj.search) {
+                refObj.search.destroy();
+            }
+            refObj.document = null;
+            refObj.pages = [];
+        };
+    }, []);
     const onSearch = React.useCallback(() => {
         setShowSearch(true);
         initSearch(pagesRef.current);
@@ -265,8 +286,8 @@ export const PDFViewer = React.forwardRef((props, ref) => {
         }
     }, [skip, props.onPageChange]);
     const onZoomIn = React.useCallback((e) => {
-        const newZoom = Math.min(currentZoom + zoomRate, maxZoom);
-        if (newZoom !== currentZoom && refObj.document) {
+        const newZoom = Math.min(refObj.currentZoom + zoomRate, maxZoom);
+        if (newZoom !== refObj.currentZoom && refObj.document) {
             setStateZoom(newZoom);
             if (zoom === undefined) {
                 reload(refObj.document, newZoom);
@@ -280,10 +301,10 @@ export const PDFViewer = React.forwardRef((props, ref) => {
                 props.onZoom.call(undefined, zoomEvent);
             }
         }
-    }, [currentZoom, zoomRate, maxZoom, zoom, props.onZoom, reload]);
+    }, [zoomRate, maxZoom, zoom, props.onZoom, reload]);
     const onZoomOut = React.useCallback((e) => {
-        const newZoom = Math.max(stateZoom - zoomRate, minZoom);
-        if (newZoom !== stateZoom && refObj.document) {
+        const newZoom = Math.max(refObj.currentZoom - zoomRate, minZoom);
+        if (newZoom !== refObj.currentZoom && refObj.document) {
             setStateZoom(newZoom);
             if (zoom === undefined) {
                 reload(refObj.document, newZoom);
@@ -297,7 +318,7 @@ export const PDFViewer = React.forwardRef((props, ref) => {
                 props.onZoom.call(undefined, zoomEvent);
             }
         }
-    }, [currentZoom, zoomRate, minZoom, zoom, props.onZoom, reload]);
+    }, [zoomRate, minZoom, zoom, props.onZoom, reload]);
     const onZoomLevelChange = React.useCallback((e) => {
         const item = e.value === null ? { text: '100%', value: 1, id: 100 } : Object.assign({}, e.value);
         if (item.value === undefined) {
@@ -309,8 +330,9 @@ export const PDFViewer = React.forwardRef((props, ref) => {
                 item.value = 1;
             }
         }
-        const newZoom = item ? calculateZoomLevel(item.value, item.type, currentZoom, pagesRef.current) : 1;
-        if (currentZoom !== newZoom && refObj.document) {
+        let newZoom = item ? calculateZoomLevel(item.value, item.type, refObj.currentZoom, pagesRef.current) : 1;
+        newZoom = Math.round(newZoom * 100) / 100;
+        if (refObj.currentZoom !== newZoom && refObj.document) {
             setStateZoom(newZoom);
             if (zoom === undefined) {
                 reload(refObj.document, newZoom);
@@ -324,7 +346,7 @@ export const PDFViewer = React.forwardRef((props, ref) => {
                 props.onZoom.call(undefined, zoomEvent);
             }
         }
-    }, [currentZoom, zoom, props.onZoom, reload]);
+    }, [zoom, props.onZoom, reload]);
     const onTextSelection = React.useCallback(() => {
         refObj.scroller.disablePanEventsTracking();
         setEnabledSelection(true);
@@ -335,22 +357,20 @@ export const PDFViewer = React.forwardRef((props, ref) => {
     }, []);
     const onDownload = React.useCallback(() => {
         download({
-            url: props.url,
-            data: props.data,
-            arrayBuffer: props.arrayBuffer,
-            error
+            pdf: refObj.document,
+            error: refObj.error
         }, props.saveFileName, props.saveOptions, triggerOnDownload);
-    }, [props.url, props.data, props.arrayBuffer, error, props.saveFileName, props.saveOptions, triggerOnDownload]);
+    }, [props.url, props.data, props.arrayBuffer, props.saveFileName, props.saveOptions, triggerOnDownload]);
     const onPrint = React.useCallback(() => {
         setLoading(true);
         const onError = (e) => {
-            error(typeof (e ? e.message || e : null) === 'string' ? e.message || e : loc.toLanguageString(popupBlocked, messages[popupBlocked]));
+            refObj.error(typeof (e ? e.message || e : null) === 'string' ? e.message || e : loc.toLanguageString(popupBlocked, messages[popupBlocked]));
         };
         const onDone = () => {
             setLoading(false);
         };
         print(refObj.pages, onDone, onError);
-    }, [error]);
+    }, []);
     const onAdd = React.useCallback((e) => {
         const st = e.newState;
         if (st[0] && st[0].getRawFile) {
@@ -359,18 +379,19 @@ export const PDFViewer = React.forwardRef((props, ref) => {
                 if (pagesRef.current) {
                     setLoading(true);
                     removeChildren(pagesRef.current);
+                    const currentZoomValue = refObj.props.zoom === undefined ? defaultZoom : refObj.props.zoom;
                     loadPDF({
                         arrayBuffer,
                         dom: pagesRef.current,
-                        zoom: DEFAULT_ZOOM_LEVEL,
-                        done,
-                        error
+                        zoom: currentZoomValue,
+                        done: refObj.done,
+                        error: refObj.error
                     });
-                    setStateZoom(DEFAULT_ZOOM_LEVEL);
+                    setStateZoom(currentZoomValue);
                 }
             });
         }
-    }, [error]);
+    }, [defaultZoom]);
     const onFileOpen = React.useCallback((e) => {
         const targetEl = e.target;
         if (targetEl instanceof HTMLElement && targetEl.parentNode) {

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export const packageMetadata = {
     name: '@progress/kendo-react-pdf-viewer',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1671796938,
+    publishDate: 1672915293,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/scroller.d.ts

@@ -24,7 +24,7 @@ export declare class Scroller {
     disablePanEventsTracking(): void;
     shouldTrackPanEvents(): any;
     onElementScroll: () => void;
-    OnDragStart: (e: any) => void;
+    onDragStart: (e: any) => void;
     onDrag: (e: any) => void;
     onDragEnd: () => void;
     calculateEventLocationDelta(e: any): void;

package/dist/es/scroller.js

@@ -82,7 +82,7 @@ export class Scroller {
                 this.state.trackNextElementScroll = true;
             }
         };
-        this.OnDragStart = (e) => {
+        this.onDragStart = (e) => {
             this.state.dragStarted = false;
             if (!this.shouldTrackPanEvents()) {
                 return;
@@ -143,7 +143,7 @@ export class Scroller {
         }
         this.draggable = new Draggable({
             mouseOnly: false,
-            press: this.OnDragStart,
+            press: this.onDragStart,
             drag: this.throttledOnDrag,
             release: this.onDragEnd
         });

package/dist/es/utils.d.ts

@@ -48,7 +48,10 @@ export declare const DEFAULT_ZOOM_LEVEL = 1.25;
 /**
  * @hidden
  */
-export declare const download: (options: PDFReadParameters, fileName: string | undefined, saveOptions: SaveOptions | undefined, onDownload: (blob: Blob, fileName: string, saveOptions: SaveOptions) => boolean) => void;
+export declare const download: (options: {
+    pdf: PDFDocumentProxy | null;
+    error: ErrorFn;
+}, fileName: string | undefined, saveOptions: SaveOptions | undefined, onDownload: (blob: Blob, fileName: string, saveOptions: SaveOptions) => boolean) => void;
 /**
  * @hidden
  */

package/dist/es/utils.js

@@ -27,16 +27,16 @@ const getDocumentParameters = (options) => {
  * @hidden
  */
 export const download = (options, fileName = 'Document', saveOptions = {}, onDownload) => {
-    const params = getDocumentParameters(options);
-    getDocument(params).promise
-        .then((pdf) => pdf.getData())
-        .then((data) => new Blob([data], { type: 'application/pdf' }))
-        .then((blob) => {
-        if (!onDownload(blob, fileName, saveOptions)) {
-            saveAs(blob, fileName, saveOptions);
-        }
-    })
-        .catch((reason) => { options.error(reason); });
+    if (options.pdf) {
+        options.pdf.getData()
+            .then((data) => new Blob([data], { type: 'application/pdf' }))
+            .then((blob) => {
+            if (!onDownload(blob, fileName, saveOptions)) {
+                saveAs(blob, fileName, saveOptions);
+            }
+        })
+            .catch((reason) => { options.error.call(undefined, reason); });
+    }
 };
 /**
  * @hidden
@@ -264,5 +264,5 @@ export const scrollToPage = (rootElement, pageNumber) => {
 export const currentPage = (rootElement) => {
     const scrollElement = rootElement.querySelector('.k-pdf-viewer-canvas');
     const page = rootElement.querySelector('.k-page');
-    return (scrollElement && page) ? Math.floor(scrollElement.scrollTop / (page.offsetHeight + page.offsetTop)) : 0;
+    return (scrollElement && page) ? Math.floor((Math.round(scrollElement.scrollTop)) / (page.offsetHeight + page.offsetTop) + 0.01) : 0;
 };

package/dist/npm/PDFViewer.d.ts

@@ -112,6 +112,7 @@ export interface PDFViewerProps {
      */
     zoomLevels?: {
         id: number;
+        priority: number;
         value: number;
         text: string;
         type: string;

package/dist/npm/PDFViewer.js

@@ -28,20 +28,19 @@ const defaultProps = {
     tools: [...toolNames],
     zoomRate: 0.25,
     zoomLevels: [
-        { id: 1, value: 1, text: 'ActualWidth', type: 'ActualWidth', locationString: messages_1.actualWidth },
-        { id: 2, value: 1, text: 'FitToWidth', type: 'FitToWidth', locationString: messages_1.fitToWidth },
-        { id: 3, value: 1, text: 'FitToPage', type: 'FitToPage', locationString: messages_1.fitToPage },
-        { id: 4, value: 0.5, text: '50%', type: '' },
-        { id: 5, value: 0.75, text: '75%', type: '' },
-        { id: 6, value: 1, text: '100%', type: '' },
-        { id: 7, value: 1.25, text: '125%', type: '' },
-        { id: 8, value: 1.5, text: '150%', type: '' },
-        { id: 9, value: 2, text: '200%', type: '' },
-        { id: 10, value: 3, text: '300%', type: '' },
-        { id: 11, value: 4, text: '400%', type: '' }
+        { id: 1, priority: 1, value: 1, text: 'Actual width', type: 'ActualWidth', locationString: messages_1.actualWidth },
+        { id: 2, priority: 2, value: 1, text: 'Fit to width', type: 'FitToWidth', locationString: messages_1.fitToWidth },
+        { id: 3, priority: 3, value: 1, text: 'Fit to page', type: 'FitToPage', locationString: messages_1.fitToPage },
+        { id: 4, priority: 4, value: 0.5, text: '50%', type: '' },
+        { id: 5, priority: 5, value: 0.75, text: '75%', type: '' },
+        { id: 6, priority: 100, value: 1, text: '100%', type: '' },
+        { id: 7, priority: 7, value: 1.25, text: '125%', type: '' },
+        { id: 8, priority: 8, value: 1.5, text: '150%', type: '' },
+        { id: 9, priority: 9, value: 2, text: '200%', type: '' },
+        { id: 10, priority: 10, value: 3, text: '300%', type: '' },
+        { id: 11, priority: 11, value: 4, text: '400%', type: '' }
     ],
-    defaultZoom: 1.25,
-    defaultPage: 1
+    defaultZoom: utils_1.DEFAULT_ZOOM_LEVEL
 };
 const navigation = [
     '.k-toolbar > button',
@@ -50,6 +49,15 @@ const navigation = [
     '.k-toolbar .k-pager > a',
     '.k-toolbar .k-pager input'
 ];
+const sortByPriority = (a, b) => {
+    if (a.priority > b.priority) {
+        return -1;
+    }
+    else if (a.priority < b.priority) {
+        return 1;
+    }
+    return 0;
+};
 /**
  * Represents the [KendoReact PDFViewer component]({% slug api_pdf-viewer_pdfviewerprops %}).
  */
@@ -60,7 +68,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
     const pagesRef = React.useRef(null);
     const [stateZoom, setStateZoom] = React.useState(defaultZoom);
     const currentZoom = zoom !== undefined ? zoom : stateZoom;
-    const currentZoomLevel = zoomLevels.find(z => z.value === currentZoom) ||
+    const currentZoomLevel = zoomLevels.slice().sort(sortByPriority).find(z => z.value === currentZoom) ||
         { text: (currentZoom * 100) + '%', value: currentZoom, id: currentZoom, locationString: '' };
     if (currentZoomLevel.locationString) {
         currentZoomLevel.text = loc.toLanguageString(currentZoomLevel.locationString, messages_1.messages[currentZoomLevel.locationString]);
@@ -76,6 +84,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
     const [searchText, setSearchText] = React.useState('');
     const refObj = React.useMemo(() => ({}), []);
     refObj.currentZoom = currentZoom;
+    refObj.props = props;
     const target = React.useRef(null);
     const pdfViewerRef = React.useRef(null);
     React.useImperativeHandle(target, () => ({
@@ -86,11 +95,11 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
     }), []);
     React.useImperativeHandle(ref, () => target.current);
     const triggerOnLoad = React.useCallback(() => {
-        if (props.onLoad) {
+        if (refObj.props.onLoad) {
             const loadEvent = { target: target.current };
-            props.onLoad.call(undefined, loadEvent);
+            refObj.props.onLoad.call(undefined, loadEvent);
         }
-    }, [props.onLoad]);
+    }, []);
     const triggerOnDownload = React.useCallback((blob, fileName, saveOptions) => {
         if (props.onDownload) {
             const downloadEvent = {
@@ -124,7 +133,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
             charClass: 'k-text-char'
         });
     }, []);
-    const done = React.useCallback(({ pdfPages, pdfDoc, zoom: documentZoom }) => {
+    refObj.done = React.useCallback(({ pdfPages, pdfDoc, zoom: documentZoom }) => {
         refObj.document = pdfDoc;
         refObj.pages = pdfPages;
         refObj.zoom = documentZoom;
@@ -132,8 +141,11 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
         setLoading(false);
         setHasDocument(true);
         triggerOnLoad();
+        if (pagesRef.current) {
+            (0, utils_1.scrollToPage)(pagesRef.current, 0);
+        }
     }, []);
-    const error = React.useCallback((reason) => {
+    refObj.error = React.useCallback((reason) => {
         refObj.document = null;
         refObj.pages = [];
         setLoading(false);
@@ -146,7 +158,6 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
             props.onError.call(undefined, errorEvent);
         }
     }, [props.onError]);
-    refObj.onError = error;
     React.useEffect(() => {
         if (pagesRef.current) {
             if (props.url || props.data || props.arrayBuffer) {
@@ -158,8 +169,8 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
                     arrayBuffer: props.arrayBuffer,
                     dom: pagesRef.current,
                     zoom: refObj.currentZoom,
-                    done,
-                    error: refObj.onError
+                    done: refObj.done,
+                    error: refObj.error
                 });
             }
             else {
@@ -184,15 +195,25 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
                     refObj.zoom = zoomLev;
                     setLoading(false);
                 },
-                error
+                error: refObj.error
             });
         }
-    }, [error]);
+    }, []);
     React.useEffect(() => {
         if (pagesRef.current && refObj.document && currentZoom !== refObj.zoom) {
             reload(refObj.document, currentZoom);
         }
     }, [currentZoom, reload]);
+    React.useEffect(() => {
+        return () => {
+            refObj.scroller.destroy();
+            if (refObj.search) {
+                refObj.search.destroy();
+            }
+            refObj.document = null;
+            refObj.pages = [];
+        };
+    }, []);
     const onSearch = React.useCallback(() => {
         setShowSearch(true);
         initSearch(pagesRef.current);
@@ -268,8 +289,8 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
         }
     }, [skip, props.onPageChange]);
     const onZoomIn = React.useCallback((e) => {
-        const newZoom = Math.min(currentZoom + zoomRate, maxZoom);
-        if (newZoom !== currentZoom && refObj.document) {
+        const newZoom = Math.min(refObj.currentZoom + zoomRate, maxZoom);
+        if (newZoom !== refObj.currentZoom && refObj.document) {
             setStateZoom(newZoom);
             if (zoom === undefined) {
                 reload(refObj.document, newZoom);
@@ -283,10 +304,10 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
                 props.onZoom.call(undefined, zoomEvent);
             }
         }
-    }, [currentZoom, zoomRate, maxZoom, zoom, props.onZoom, reload]);
+    }, [zoomRate, maxZoom, zoom, props.onZoom, reload]);
     const onZoomOut = React.useCallback((e) => {
-        const newZoom = Math.max(stateZoom - zoomRate, minZoom);
-        if (newZoom !== stateZoom && refObj.document) {
+        const newZoom = Math.max(refObj.currentZoom - zoomRate, minZoom);
+        if (newZoom !== refObj.currentZoom && refObj.document) {
             setStateZoom(newZoom);
             if (zoom === undefined) {
                 reload(refObj.document, newZoom);
@@ -300,7 +321,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
                 props.onZoom.call(undefined, zoomEvent);
             }
         }
-    }, [currentZoom, zoomRate, minZoom, zoom, props.onZoom, reload]);
+    }, [zoomRate, minZoom, zoom, props.onZoom, reload]);
     const onZoomLevelChange = React.useCallback((e) => {
         const item = e.value === null ? { text: '100%', value: 1, id: 100 } : Object.assign({}, e.value);
         if (item.value === undefined) {
@@ -312,8 +333,9 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
                 item.value = 1;
             }
         }
-        const newZoom = item ? (0, utils_1.calculateZoomLevel)(item.value, item.type, currentZoom, pagesRef.current) : 1;
-        if (currentZoom !== newZoom && refObj.document) {
+        let newZoom = item ? (0, utils_1.calculateZoomLevel)(item.value, item.type, refObj.currentZoom, pagesRef.current) : 1;
+        newZoom = Math.round(newZoom * 100) / 100;
+        if (refObj.currentZoom !== newZoom && refObj.document) {
             setStateZoom(newZoom);
             if (zoom === undefined) {
                 reload(refObj.document, newZoom);
@@ -327,7 +349,7 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
                 props.onZoom.call(undefined, zoomEvent);
             }
         }
-    }, [currentZoom, zoom, props.onZoom, reload]);
+    }, [zoom, props.onZoom, reload]);
     const onTextSelection = React.useCallback(() => {
         refObj.scroller.disablePanEventsTracking();
         setEnabledSelection(true);
@@ -338,22 +360,20 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
     }, []);
     const onDownload = React.useCallback(() => {
         (0, utils_1.download)({
-            url: props.url,
-            data: props.data,
-            arrayBuffer: props.arrayBuffer,
-            error
+            pdf: refObj.document,
+            error: refObj.error
         }, props.saveFileName, props.saveOptions, triggerOnDownload);
-    }, [props.url, props.data, props.arrayBuffer, error, props.saveFileName, props.saveOptions, triggerOnDownload]);
+    }, [props.url, props.data, props.arrayBuffer, props.saveFileName, props.saveOptions, triggerOnDownload]);
     const onPrint = React.useCallback(() => {
         setLoading(true);
         const onError = (e) => {
-            error(typeof (e ? e.message || e : null) === 'string' ? e.message || e : loc.toLanguageString(messages_1.popupBlocked, messages_1.messages[messages_1.popupBlocked]));
+            refObj.error(typeof (e ? e.message || e : null) === 'string' ? e.message || e : loc.toLanguageString(messages_1.popupBlocked, messages_1.messages[messages_1.popupBlocked]));
         };
         const onDone = () => {
             setLoading(false);
         };
         (0, utils_1.print)(refObj.pages, onDone, onError);
-    }, [error]);
+    }, []);
     const onAdd = React.useCallback((e) => {
         const st = e.newState;
         if (st[0] && st[0].getRawFile) {
@@ -362,18 +382,19 @@ exports.PDFViewer = React.forwardRef((props, ref) => {
                 if (pagesRef.current) {
                     setLoading(true);
                     (0, utils_1.removeChildren)(pagesRef.current);
+                    const currentZoomValue = refObj.props.zoom === undefined ? defaultZoom : refObj.props.zoom;
                     (0, utils_1.loadPDF)({
                         arrayBuffer,
                         dom: pagesRef.current,
-                        zoom: utils_1.DEFAULT_ZOOM_LEVEL,
-                        done,
-                        error
+                        zoom: currentZoomValue,
+                        done: refObj.done,
+                        error: refObj.error
                     });
-                    setStateZoom(utils_1.DEFAULT_ZOOM_LEVEL);
+                    setStateZoom(currentZoomValue);
                 }
             });
         }
-    }, [error]);
+    }, [defaultZoom]);
     const onFileOpen = React.useCallback((e) => {
         const targetEl = e.target;
         if (targetEl instanceof HTMLElement && targetEl.parentNode) {

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-pdf-viewer',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1671796938,
+    publishDate: 1672915293,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/scroller.d.ts

@@ -24,7 +24,7 @@ export declare class Scroller {
     disablePanEventsTracking(): void;
     shouldTrackPanEvents(): any;
     onElementScroll: () => void;
-    OnDragStart: (e: any) => void;
+    onDragStart: (e: any) => void;
     onDrag: (e: any) => void;
     onDragEnd: () => void;
     calculateEventLocationDelta(e: any): void;

package/dist/npm/scroller.js

@@ -85,7 +85,7 @@ class Scroller {
                 this.state.trackNextElementScroll = true;
             }
         };
-        this.OnDragStart = (e) => {
+        this.onDragStart = (e) => {
             this.state.dragStarted = false;
             if (!this.shouldTrackPanEvents()) {
                 return;
@@ -146,7 +146,7 @@ class Scroller {
         }
         this.draggable = new kendo_draggable_1.default({
             mouseOnly: false,
-            press: this.OnDragStart,
+            press: this.onDragStart,
             drag: this.throttledOnDrag,
             release: this.onDragEnd
         });

package/dist/npm/utils.d.ts

@@ -48,7 +48,10 @@ export declare const DEFAULT_ZOOM_LEVEL = 1.25;
 /**
  * @hidden
  */
-export declare const download: (options: PDFReadParameters, fileName: string | undefined, saveOptions: SaveOptions | undefined, onDownload: (blob: Blob, fileName: string, saveOptions: SaveOptions) => boolean) => void;
+export declare const download: (options: {
+    pdf: PDFDocumentProxy | null;
+    error: ErrorFn;
+}, fileName: string | undefined, saveOptions: SaveOptions | undefined, onDownload: (blob: Blob, fileName: string, saveOptions: SaveOptions) => boolean) => void;
 /**
  * @hidden
  */