@progress/kendo-react-pdf-viewer 6.1.1 → 7.0.0-develop.10

package/{dist/es/main.d.ts → index.d.ts}

@@ -1,4 +1,8 @@
-export { PDFViewer, PDFViewerProps, PDFViewerHandle, PDFViewerTool, LoadEvent, ErrorEvent, DownloadEvent, ZoomEvent, PageEvent } from './PDFViewer';
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+export { PDFViewer, type PDFViewerProps, type PDFViewerHandle, type PDFViewerTool, type LoadEvent, type ErrorEvent, type DownloadEvent, type ZoomEvent, type PageEvent } from './PDFViewer';
 export { currentPage } from '@progress/kendo-pdfviewer-common';
 /**
  * Scrolls the PDFViewer document to the passed page number.

package/index.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@progress/kendo-pdfviewer-common"),et=require("react"),tt=require("prop-types"),u=require("@progress/kendo-react-buttons"),ge=require("@progress/kendo-react-inputs"),ot=require("@progress/kendo-react-data-tools"),nt=require("@progress/kendo-react-upload"),at=require("@progress/kendo-react-dropdowns"),rt=require("@progress/kendo-react-indicators"),R=require("@progress/kendo-react-common"),ct=require("@progress/kendo-react-intl"),g=require("@progress/kendo-svg-icons");require("pdfjs-dist/build/pdf.worker.entry");function ve(o){const y=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const w in o)if(w!=="default"){const x=Object.getOwnPropertyDescriptor(o,w);Object.defineProperty(y,w,x.get?x:{enumerable:!0,get:()=>o[w]})}}return y.default=o,Object.freeze(y)}const e=ve(et),c=ve(tt),fe={name:"@progress/kendo-react-pdf-viewer",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1673300081,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"},A="pdfviewer.zoomIn",U="pdfviewer.zoomOut",W="pdfviewer.enableSelection",K="pdfviewer.enablePanning",T="pdfviewer.search",V="pdfviewer.open",H="pdfviewer.download",G="pdfviewer.print",$="pdfviewer.close",J="pdfviewer.matchCase",Q="pdfviewer.prevMatch",X="pdfviewer.nextMatch",he="pdfviewer.actualWidth",ke="pdfviewer.fitToWidth",be="pdfviewer.fitToPage",Y="pdfviewer.popupBlocked",d={[A]:"Zoom in",[U]:"Zoom out",[W]:"Enable selection",[K]:"Enable panning",[T]:"Search",[V]:"Open",[H]:"Download",[G]:"Print",[$]:"Close",[J]:"Match case",[Q]:"Previous match",[X]:"Next match",[he]:"Actual width",[ke]:"Fit to width",[be]:"Fit to page",[Y]:"Popup is blocked."},pe=["pager","spacer","zoomInOut","zoom","selection","spacer","search","open","download","print"],C={minZoom:.5,maxZoom:4,tools:[...pe],zoomRate:.25,zoomLevels:[{id:1,priority:1,value:1,text:"Actual width",type:"ActualWidth",locationString:he},{id:2,priority:2,value:1,text:"Fit to width",type:"FitToWidth",locationString:ke},{id:3,priority:3,value:1,text:"Fit to page",type:"FitToPage",locationString:be},{id:4,priority:4,value:.5,text:"50%",type:""},{id:5,priority:5,value:.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:s.DEFAULT_ZOOM_LEVEL},lt=[".k-toolbar > button",".k-toolbar .k-combobox > input",".k-toolbar .k-button-group > button",".k-toolbar .k-pager > a",".k-toolbar .k-pager input"],st=(o,y)=>o.priority>y.priority?-1:o.priority<y.priority?1:0,M=e.forwardRef((o,y)=>{R.validatePackage(fe);const w=R.shouldShowValidationUI(fe),{zoom:x,zoomLevels:ee=C.zoomLevels,defaultZoom:O=C.defaultZoom,minZoom:D=C.minZoom,maxZoom:B=C.maxZoom,zoomRate:Z=C.zoomRate}=o,i=ct.useLocalization(),l=e.useRef(null),[ye,I]=e.useState(O),f=x!==void 0?x:ye,P=ee.slice().sort(st).find(n=>n.value===f)||{text:f*100+"%",value:f,id:f,locationString:""};P.locationString&&(P.text=i.toLanguageString(P.locationString,d[P.locationString]));const[v,F]=e.useState(!1),[Ce,b]=e.useState(!0),[z,te]=e.useState(0),[L,oe]=e.useState(!1),[we,ne]=e.useState(!1),[p,q]=e.useState(0),[h,E]=e.useState(0),[S,ae]=e.useState(!1),[_,re]=e.useState(""),t=e.useMemo(()=>({}),[]);t.currentZoom=f,t.props=o;const ce=e.useCallback(n=>{l.current&&l.current.style.setProperty("--scale-factor",String(n))},[]),k=e.useRef(null),N=e.useRef(null);e.useImperativeHandle(k,()=>({get element(){return N.current},props:o,get pages(){return t.pages},get document(){return t.document}}),[]),e.useImperativeHandle(y,()=>k.current);const Ee=e.useCallback(()=>{if(t.props.onLoad){const n={target:k.current};t.props.onLoad.call(void 0,n)}},[]),le=e.useCallback((n,a,r)=>{if(o.onDownload){const m={target:k.current,blob:n,fileName:a,saveOptions:r};return o.onDownload.call(void 0,m)===!1}return!1},[o.onDownload]),Se=e.useCallback(()=>{var n;t.scroller&&t.scroller.destroy(),t.scroller=new s.Scroller((n=l.current)==null?void 0:n.parentNode,{filter:".k-page",events:{}}),t.scroller.enablePanEventsTracking()},[]),xe=e.useCallback(n=>{const a=Array.from(n.querySelectorAll(".k-text-layer"));t.search=new s.SearchService({textContainers:a||[],highlightClass:"k-search-highlight",highlightMarkClass:"k-search-highlight-mark",charClass:"k-text-char"})},[]);t.done=e.useCallback(({pdfPages:n,pdfDoc:a,zoom:r})=>{t.document=a,t.pages=n,t.zoom=r,Se(),b(!1),F(!0),Ee(),l.current&&s.scrollToPage(l.current,0)},[]),t.error=e.useCallback(n=>{if(t.document=null,t.pages=[],b(!1),F(!1),o.onError){const a={error:typeof n=="string"?{message:n}:n,target:k.current};o.onError.call(void 0,a)}},[o.onError]),e.useEffect(()=>{l.current&&(o.url||o.data||o.arrayBuffer?(b(!0),s.removeChildren(l.current),s.loadPDF({url:o.url,data:o.data,arrayBuffer:o.arrayBuffer,dom:l.current,zoom:t.currentZoom,done:t.done,error:t.error}),ce(t.currentZoom)):(t.document=null,t.pages=[],F(!1),b(!1),s.removeChildren(l.current)))},[o.url,o.data,o.arrayBuffer]);const se=e.useCallback((n,a)=>{l.current&&(b(!0),s.removeChildren(l.current),s.reloadDocument({pdfDoc:n,zoom:a,dom:l.current,done:r=>{t.pages=r,t.zoom=a,b(!1)},error:t.error}))},[]);e.useEffect(()=>{ce(f),l.current&&t.document&&f!==t.zoom&&se(t.document,f)},[f,se]),e.useEffect(()=>()=>{t.scroller&&t.scroller.destroy(),t.search&&t.search.destroy(),t.document=null,t.pages=[]},[]);const Pe=e.useCallback(()=>{ne(!0),xe(l.current)},[]),Te=e.useCallback(n=>{const a=n.value,r=t.search.search({text:a,matchCase:S});E(r.length?1:0),q(r.length),re(a)},[S]),Ze=e.useCallback(()=>{const n=t.search.search({text:_,matchCase:!S});E(n.length?1:0),q(n.length),ae(!S)},[S,_]),Ie=e.useCallback(()=>{s.goToNextSearchMatch(t),E(h+1>p?1:h+1)},[h,p]),ze=e.useCallback(()=>{s.goToPreviousSearchMatch(t),E(h-1<1?p:h-1)},[h,p]),ie=e.useCallback(()=>{t.search.destroy(),E(0),q(0),ae(!1),re(""),ne(!1)},[]),Le=e.useCallback(n=>{n.key==="Enter"?(n.preventDefault(),s.goToNextSearchMatch(t),E(h+1>p?1:h+1)):n.key==="Escape"&&ie()},[h,p]),Ne=e.useCallback(n=>{if(l.current){const a=n.skip;s.scrollToPage(l.current,a);const r={page:a+1,target:k.current,syntheticEvent:n.syntheticEvent};o.onPageChange&&o.onPageChange.call(void 0,r)}te(n.skip)},[z,o.onPageChange]),Re=e.useCallback(n=>{if(N.current){const a=s.currentPage(N.current);if(a!==z){te(a);const r={page:a+1,target:k.current,syntheticEvent:n};o.onPageChange&&o.onPageChange.call(void 0,r)}}},[z,o.onPageChange]),Me=e.useCallback(n=>{const a=Math.min(t.currentZoom+Z,B);if(a!==t.currentZoom&&t.document&&(I(a),o.onZoom)){const r={zoom:a,target:k.current,syntheticEvent:n};o.onZoom.call(void 0,r)}},[Z,B,o.onZoom]),Oe=e.useCallback(n=>{const a=Math.max(t.currentZoom-Z,D);if(a!==t.currentZoom&&t.document&&(I(a),o.onZoom)){const r={zoom:a,target:k.current,syntheticEvent:n};o.onZoom.call(void 0,r)}},[Z,D,o.onZoom]),De=e.useCallback(n=>{const a=n.value===null?{text:"100%",value:1,id:100}:{...n.value};if(a.value===void 0){const m=parseFloat(a.text);typeof m=="number"&&!Number.isNaN(m)?a.value=m/100:a.value=1}let r=a?s.calculateZoomLevel(a.value,a.type,t.currentZoom,l.current):1;if(r=Math.round(r*100)/100,t.currentZoom!==r&&t.document&&(I(r),o.onZoom)){const m={zoom:r,target:k.current,syntheticEvent:n.syntheticEvent};o.onZoom.call(void 0,m)}},[o.onZoom]),Be=e.useCallback(()=>{t.scroller.disablePanEventsTracking(),oe(!0)},[]),Fe=e.useCallback(()=>{t.scroller.enablePanEventsTracking(),oe(!1)},[]),qe=e.useCallback(()=>{s.download({pdf:t.document,error:t.error},o.saveFileName,o.saveOptions,le)},[o.url,o.data,o.arrayBuffer,o.saveFileName,o.saveOptions,le]),_e=e.useCallback(()=>{b(!0);const n=r=>{t.error(typeof(r?r.message||r:null)=="string"?r.message||r:i.toLanguageString(Y,d[Y]))},a=()=>{b(!1)};s.print(t.pages,a,n)},[]),je=e.useCallback(n=>{const a=n.newState;a[0]&&a[0].getRawFile&&a[0].getRawFile().arrayBuffer().then(m=>{if(l.current){b(!0),s.removeChildren(l.current);const j=t.props.zoom===void 0?O:t.props.zoom;s.loadPDF({arrayBuffer:m,dom:l.current,zoom:j,done:t.done,error:t.error}),I(j)}})},[O]),Ae=e.useCallback(n=>{const a=n.target;if(a instanceof Element&&a.parentNode){const r=a.closest(".k-toolbar"),m=r&&r.querySelector(".k-upload input");m&&m.click()}},[]),ue=Ce&&e.createElement("div",{className:"k-loader-container k-loader-container-md k-loader-top"},e.createElement("div",{className:"k-loader-container-overlay k-overlay-light"}),e.createElement("div",{className:"k-loader-container-inner "},e.createElement(rt.Loader,{size:"large"}))),Ue=e.createElement(u.ButtonGroup,null,e.createElement(u.Button,{className:"k-toolbar-button",title:i.toLanguageString(U,d[U]),disabled:f<=D||!v,onClick:Oe,icon:"zoom-out",svgIcon:g.zoomOutIcon}),e.createElement(u.Button,{className:"k-toolbar-button",title:i.toLanguageString(A,d[A]),disabled:f>=B||!v,onClick:Me,icon:"zoom-in",svgIcon:g.zoomInIcon})),We=e.createElement(at.ComboBox,{disabled:!v,data:ee.map(n=>({...n,text:n.locationString?i.toLanguageString(n.locationString,d[n.locationString]):n.text})),dataItemKey:"id",textField:"text",value:v?P:null,allowCustom:!0,onChange:De}),Ke=e.createElement(ot.Pager,{previousNext:!0,type:"input",skip:z,take:1,total:t.pages?t.pages.length:0,info:!1,onPageChange:Ne}),Ve=e.createElement(u.ToolbarSpacer,null),He=e.createElement(u.ButtonGroup,null,e.createElement(u.Button,{className:"k-toolbar-button",title:i.toLanguageString(W,d[W]),icon:"pointer",svgIcon:g.pointerIcon,disabled:!v,togglable:!0,selected:L&&v,onClick:Be}),e.createElement(u.Button,{className:"k-toolbar-button",title:i.toLanguageString(K,d[K]),icon:"hand",svgIcon:g.handIcon,disabled:!v,togglable:!0,selected:!L&&v,onClick:Fe})),Ge=e.createElement(u.Button,{className:"k-toolbar-button",title:i.toLanguageString(T,d[T]),icon:"search",svgIcon:g.searchIcon,disabled:!v,onClick:Pe}),$e=e.createElement(e.Fragment,null,e.createElement(u.Button,{className:"k-toolbar-button",title:i.toLanguageString(V,d[V]),icon:"folder-open",svgIcon:g.folderOpenIcon,onClick:Ae}),e.createElement("div",{style:{display:"none"}},e.createElement(nt.Upload,{restrictions:{allowedExtensions:[".pdf"]},onAdd:je,autoUpload:!1,defaultFiles:[],multiple:!1,accept:".pdf,.PDF",withCredentials:!1}))),Je=e.createElement(u.Button,{className:"k-toolbar-button",title:i.toLanguageString(H,d[H]),icon:"download",svgIcon:g.downloadIcon,disabled:!v,onClick:qe}),Qe=e.createElement(u.Button,{className:"k-toolbar-button",title:i.toLanguageString(G,d[G]),icon:"print",svgIcon:g.printIcon,disabled:!v,onClick:_e}),Xe={pager:Ke,spacer:Ve,zoomInOut:Ue,zoom:We,selection:He,search:Ge,open:$e,download:Je,print:Qe},Ye=(o.tools||C.tools).map(n=>Xe[n]),de=e.createElement(u.Toolbar,{buttons:lt},...Ye),me=e.createElement("div",{className:R.classNames("k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto",{"k-enable-text-select":L,"k-enable-panning":!L}),onScroll:Re},we&&e.createElement("div",{className:"k-search-panel k-pos-sticky k-top-center"},e.createElement(ge.TextBox,{value:_,onChange:Te,placeholder:i.toLanguageString(T,d[T]),autoFocus:!0,onKeyDown:Le,suffix:()=>e.createElement(ge.InputSuffix,null,e.createElement(u.Button,{icon:"convert-lowercase",svgIcon:g.convertLowercaseIcon,title:i.toLanguageString(J,d[J]),fillMode:"flat",togglable:!0,selected:S,onClick:Ze}))}),e.createElement("span",{className:"k-search-matches"},e.createElement("span",null,h)," of ",e.createElement("span",null,p)),e.createElement(u.Button,{title:i.toLanguageString(Q,d[Q]),fillMode:"flat",icon:"arrow-up",svgIcon:g.arrowUpIcon,disabled:p===0,onClick:ze}),e.createElement(u.Button,{title:i.toLanguageString(X,d[X]),fillMode:"flat",icon:"arrow-down",svgIcon:g.arrowDownIcon,disabled:p===0,onClick:Ie}),e.createElement(u.Button,{title:i.toLanguageString($,d[$]),fillMode:"flat",icon:"x",svgIcon:g.xIcon,onClick:ie})),e.createElement("div",{ref:l,className:"k-pdf-viewer-pages"}));return e.createElement("div",{className:"k-pdf-viewer",style:o.style,ref:N},o.onRenderLoader?o.onRenderLoader.call(void 0,ue||null):ue,o.onRenderToolbar?o.onRenderToolbar.call(void 0,de):de,o.onRenderContent?o.onRenderContent.call(void 0,me):me,w&&e.createElement(R.WatermarkOverlay,null))});M.displayName="KendoReactPDFViewer";M.propTypes={url:c.string,data:c.string,arrayBuffer:c.any,typedArray:c.any,style:c.object,saveFileName:c.string,saveOptions:c.object,tools:c.arrayOf(c.oneOf(pe).isRequired),zoomLevels:c.arrayOf(c.any),zoom:c.number,defaultZoom:c.number,minZoom:c.number,maxZoom:c.number,zoomRate:c.number,onError:c.func,onLoad:c.func,onDownload:c.func,onRenderToolbar:c.func,onRenderContent:c.func,onRenderLoader:c.func,onZoom:c.func};M.defaultProps=C;const it=s.scrollToPage;Object.defineProperty(exports,"currentPage",{enumerable:!0,get:()=>s.currentPage});exports.PDFViewer=M;exports.scrollToPage=it;

package/index.mjs

@@ -0,0 +1,514 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Scroller as et, SearchService as tt, scrollToPage as F, removeChildren as L, loadPDF as me, reloadDocument as ot, goToNextSearchMatch as de, goToPreviousSearchMatch as nt, currentPage as at, calculateZoomLevel as rt, download as lt, print as ct, DEFAULT_ZOOM_LEVEL as st } from "@progress/kendo-pdfviewer-common";
+import { currentPage as Jt } from "@progress/kendo-pdfviewer-common";
+import * as e from "react";
+import * as l from "prop-types";
+import { ButtonGroup as ge, Button as m, Toolbar as it, ToolbarSpacer as ut } from "@progress/kendo-react-buttons";
+import { TextBox as mt, InputSuffix as dt } from "@progress/kendo-react-inputs";
+import { Pager as gt } from "@progress/kendo-react-data-tools";
+import { Upload as ft } from "@progress/kendo-react-upload";
+import { ComboBox as vt } from "@progress/kendo-react-dropdowns";
+import { Loader as ht } from "@progress/kendo-react-indicators";
+import { validatePackage as pt, shouldShowValidationUI as kt, classNames as bt, WatermarkOverlay as yt } from "@progress/kendo-react-common";
+import { useLocalization as Et } from "@progress/kendo-react-intl";
+import { zoomOutIcon as wt, zoomInIcon as Ct, pointerIcon as St, handIcon as xt, searchIcon as Zt, folderOpenIcon as Pt, downloadIcon as zt, printIcon as Lt, convertLowercaseIcon as Tt, arrowUpIcon as It, arrowDownIcon as Nt, xIcon as Mt } from "@progress/kendo-svg-icons";
+import "pdfjs-dist/build/pdf.worker.entry";
+const fe = {
+  name: "@progress/kendo-react-pdf-viewer",
+  productName: "KendoReact",
+  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
+  publishDate: 1701439801,
+  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"
+}, B = "pdfviewer.zoomIn", A = "pdfviewer.zoomOut", U = "pdfviewer.enableSelection", W = "pdfviewer.enablePanning", w = "pdfviewer.search", K = "pdfviewer.open", V = "pdfviewer.download", _ = "pdfviewer.print", $ = "pdfviewer.close", j = "pdfviewer.matchCase", q = "pdfviewer.prevMatch", H = "pdfviewer.nextMatch", ve = "pdfviewer.actualWidth", he = "pdfviewer.fitToWidth", pe = "pdfviewer.fitToPage", G = "pdfviewer.popupBlocked", i = {
+  [B]: "Zoom in",
+  [A]: "Zoom out",
+  [U]: "Enable selection",
+  [W]: "Enable panning",
+  [w]: "Search",
+  [K]: "Open",
+  [V]: "Download",
+  [_]: "Print",
+  [$]: "Close",
+  [j]: "Match case",
+  [q]: "Previous match",
+  [H]: "Next match",
+  [ve]: "Actual width",
+  [he]: "Fit to width",
+  [pe]: "Fit to page",
+  [G]: "Popup is blocked."
+}, ke = [
+  "pager",
+  "spacer",
+  "zoomInOut",
+  "zoom",
+  "selection",
+  "spacer",
+  "search",
+  "open",
+  "download",
+  "print"
+], k = {
+  minZoom: 0.5,
+  maxZoom: 4,
+  tools: [...ke],
+  zoomRate: 0.25,
+  zoomLevels: [
+    { id: 1, priority: 1, value: 1, text: "Actual width", type: "ActualWidth", locationString: ve },
+    { id: 2, priority: 2, value: 1, text: "Fit to width", type: "FitToWidth", locationString: he },
+    { id: 3, priority: 3, value: 1, text: "Fit to page", type: "FitToPage", locationString: pe },
+    { 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: st
+}, Rt = [
+  ".k-toolbar > button",
+  ".k-toolbar .k-combobox > input",
+  ".k-toolbar .k-button-group > button",
+  ".k-toolbar .k-pager > a",
+  ".k-toolbar .k-pager input"
+], Dt = (n, C) => n.priority > C.priority ? -1 : n.priority < C.priority ? 1 : 0, J = e.forwardRef((n, C) => {
+  pt(fe);
+  const be = kt(fe), {
+    zoom: Q,
+    zoomLevels: X = k.zoomLevels,
+    defaultZoom: T = k.defaultZoom,
+    minZoom: I = k.minZoom,
+    maxZoom: N = k.maxZoom,
+    zoomRate: S = k.zoomRate
+  } = n, s = Et(), c = e.useRef(null), [ye, x] = e.useState(T), d = Q !== void 0 ? Q : ye, E = X.slice().sort(Dt).find((o) => o.value === d) || { text: d * 100 + "%", value: d, id: d, locationString: "" };
+  E.locationString && (E.text = s.toLanguageString(E.locationString, i[E.locationString]));
+  const [g, M] = e.useState(!1), [Ee, h] = e.useState(!0), [Z, Y] = e.useState(0), [P, ee] = e.useState(!1), [we, te] = e.useState(!1), [p, R] = e.useState(0), [f, b] = e.useState(0), [y, oe] = e.useState(!1), [D, ne] = e.useState(""), t = e.useMemo(() => ({}), []);
+  t.currentZoom = d, t.props = n;
+  const ae = e.useCallback((o) => {
+    c.current && c.current.style.setProperty("--scale-factor", String(o));
+  }, []), v = e.useRef(null), z = e.useRef(null);
+  e.useImperativeHandle(v, () => ({
+    get element() {
+      return z.current;
+    },
+    props: n,
+    get pages() {
+      return t.pages;
+    },
+    get document() {
+      return t.document;
+    }
+  }), []), e.useImperativeHandle(C, () => v.current);
+  const Ce = e.useCallback(() => {
+    if (t.props.onLoad) {
+      const o = { target: v.current };
+      t.props.onLoad.call(void 0, o);
+    }
+  }, []), re = e.useCallback((o, a, r) => {
+    if (n.onDownload) {
+      const u = {
+        target: v.current,
+        blob: o,
+        fileName: a,
+        saveOptions: r
+      };
+      return n.onDownload.call(void 0, u) === !1;
+    }
+    return !1;
+  }, [n.onDownload]), Se = e.useCallback(() => {
+    var o;
+    t.scroller && t.scroller.destroy(), t.scroller = new et((o = c.current) == null ? void 0 : o.parentNode, {
+      filter: ".k-page",
+      events: {}
+    }), t.scroller.enablePanEventsTracking();
+  }, []), xe = e.useCallback((o) => {
+    const a = Array.from(o.querySelectorAll(".k-text-layer"));
+    t.search = new tt({
+      textContainers: a || [],
+      highlightClass: "k-search-highlight",
+      highlightMarkClass: "k-search-highlight-mark",
+      charClass: "k-text-char"
+    });
+  }, []);
+  t.done = e.useCallback(({ pdfPages: o, pdfDoc: a, zoom: r }) => {
+    t.document = a, t.pages = o, t.zoom = r, Se(), h(!1), M(!0), Ce(), c.current && F(c.current, 0);
+  }, []), t.error = e.useCallback((o) => {
+    if (t.document = null, t.pages = [], h(!1), M(!1), n.onError) {
+      const a = {
+        error: typeof o == "string" ? { message: o } : o,
+        target: v.current
+      };
+      n.onError.call(void 0, a);
+    }
+  }, [n.onError]), e.useEffect(() => {
+    c.current && (n.url || n.data || n.arrayBuffer ? (h(!0), L(c.current), me({
+      url: n.url,
+      data: n.data,
+      arrayBuffer: n.arrayBuffer,
+      dom: c.current,
+      zoom: t.currentZoom,
+      done: t.done,
+      error: t.error
+    }), ae(t.currentZoom)) : (t.document = null, t.pages = [], M(!1), h(!1), L(c.current)));
+  }, [n.url, n.data, n.arrayBuffer]);
+  const le = e.useCallback((o, a) => {
+    c.current && (h(!0), L(c.current), ot({
+      pdfDoc: o,
+      zoom: a,
+      dom: c.current,
+      done: (r) => {
+        t.pages = r, t.zoom = a, h(!1);
+      },
+      error: t.error
+    }));
+  }, []);
+  e.useEffect(() => {
+    ae(d), c.current && t.document && d !== t.zoom && le(t.document, d);
+  }, [d, le]), e.useEffect(() => () => {
+    t.scroller && t.scroller.destroy(), t.search && t.search.destroy(), t.document = null, t.pages = [];
+  }, []);
+  const Ze = e.useCallback(() => {
+    te(!0), xe(c.current);
+  }, []), Pe = e.useCallback((o) => {
+    const a = o.value, r = t.search.search({ text: a, matchCase: y });
+    b(r.length ? 1 : 0), R(r.length), ne(a);
+  }, [y]), ze = e.useCallback(() => {
+    const o = t.search.search({ text: D, matchCase: !y });
+    b(o.length ? 1 : 0), R(o.length), oe(!y);
+  }, [y, D]), Le = e.useCallback(() => {
+    de(t), b(f + 1 > p ? 1 : f + 1);
+  }, [f, p]), Te = e.useCallback(() => {
+    nt(t), b(f - 1 < 1 ? p : f - 1);
+  }, [f, p]), ce = e.useCallback(() => {
+    t.search.destroy(), b(0), R(0), oe(!1), ne(""), te(!1);
+  }, []), Ie = e.useCallback((o) => {
+    o.key === "Enter" ? (o.preventDefault(), de(t), b(f + 1 > p ? 1 : f + 1)) : o.key === "Escape" && ce();
+  }, [f, p]), Ne = e.useCallback((o) => {
+    if (c.current) {
+      const a = o.skip;
+      F(c.current, a);
+      const r = {
+        page: a + 1,
+        target: v.current,
+        syntheticEvent: o.syntheticEvent
+      };
+      n.onPageChange && n.onPageChange.call(void 0, r);
+    }
+    Y(o.skip);
+  }, [Z, n.onPageChange]), Me = e.useCallback((o) => {
+    if (z.current) {
+      const a = at(z.current);
+      if (a !== Z) {
+        Y(a);
+        const r = {
+          page: a + 1,
+          target: v.current,
+          syntheticEvent: o
+        };
+        n.onPageChange && n.onPageChange.call(void 0, r);
+      }
+    }
+  }, [Z, n.onPageChange]), Re = e.useCallback((o) => {
+    const a = Math.min(t.currentZoom + S, N);
+    if (a !== t.currentZoom && t.document && (x(a), n.onZoom)) {
+      const r = {
+        zoom: a,
+        target: v.current,
+        syntheticEvent: o
+      };
+      n.onZoom.call(void 0, r);
+    }
+  }, [S, N, n.onZoom]), De = e.useCallback((o) => {
+    const a = Math.max(t.currentZoom - S, I);
+    if (a !== t.currentZoom && t.document && (x(a), n.onZoom)) {
+      const r = {
+        zoom: a,
+        target: v.current,
+        syntheticEvent: o
+      };
+      n.onZoom.call(void 0, r);
+    }
+  }, [S, I, n.onZoom]), Oe = e.useCallback((o) => {
+    const a = o.value === null ? { text: "100%", value: 1, id: 100 } : { ...o.value };
+    if (a.value === void 0) {
+      const u = parseFloat(a.text);
+      typeof u == "number" && !Number.isNaN(u) ? a.value = u / 100 : a.value = 1;
+    }
+    let r = a ? rt(a.value, a.type, t.currentZoom, c.current) : 1;
+    if (r = Math.round(r * 100) / 100, t.currentZoom !== r && t.document && (x(r), n.onZoom)) {
+      const u = {
+        zoom: r,
+        target: v.current,
+        syntheticEvent: o.syntheticEvent
+      };
+      n.onZoom.call(void 0, u);
+    }
+  }, [n.onZoom]), Fe = e.useCallback(() => {
+    t.scroller.disablePanEventsTracking(), ee(!0);
+  }, []), Be = e.useCallback(() => {
+    t.scroller.enablePanEventsTracking(), ee(!1);
+  }, []), Ae = e.useCallback(() => {
+    lt({
+      pdf: t.document,
+      error: t.error
+    }, n.saveFileName, n.saveOptions, re);
+  }, [n.url, n.data, n.arrayBuffer, n.saveFileName, n.saveOptions, re]), Ue = e.useCallback(() => {
+    h(!0);
+    const o = (r) => {
+      t.error(typeof (r ? r.message || r : null) == "string" ? r.message || r : s.toLanguageString(G, i[G]));
+    }, a = () => {
+      h(!1);
+    };
+    ct(t.pages, a, o);
+  }, []), We = e.useCallback((o) => {
+    const a = o.newState;
+    a[0] && a[0].getRawFile && a[0].getRawFile().arrayBuffer().then((u) => {
+      if (c.current) {
+        h(!0), L(c.current);
+        const O = t.props.zoom === void 0 ? T : t.props.zoom;
+        me({
+          arrayBuffer: u,
+          dom: c.current,
+          zoom: O,
+          done: t.done,
+          error: t.error
+        }), x(O);
+      }
+    });
+  }, [T]), Ke = e.useCallback((o) => {
+    const a = o.target;
+    if (a instanceof Element && a.parentNode) {
+      const r = a.closest(".k-toolbar"), u = r && r.querySelector(".k-upload input");
+      u && u.click();
+    }
+  }, []), se = Ee && /* @__PURE__ */ e.createElement("div", { className: "k-loader-container k-loader-container-md k-loader-top" }, /* @__PURE__ */ e.createElement("div", { className: "k-loader-container-overlay k-overlay-light" }), /* @__PURE__ */ e.createElement("div", { className: "k-loader-container-inner " }, /* @__PURE__ */ e.createElement(ht, { size: "large" }))), Ve = /* @__PURE__ */ e.createElement(ge, null, /* @__PURE__ */ e.createElement(
+    m,
+    {
+      className: "k-toolbar-button",
+      title: s.toLanguageString(A, i[A]),
+      disabled: d <= I || !g,
+      onClick: De,
+      icon: "zoom-out",
+      svgIcon: wt
+    }
+  ), /* @__PURE__ */ e.createElement(
+    m,
+    {
+      className: "k-toolbar-button",
+      title: s.toLanguageString(B, i[B]),
+      disabled: d >= N || !g,
+      onClick: Re,
+      icon: "zoom-in",
+      svgIcon: Ct
+    }
+  )), _e = /* @__PURE__ */ e.createElement(
+    vt,
+    {
+      disabled: !g,
+      data: X.map(
+        (o) => ({
+          ...o,
+          text: o.locationString ? s.toLanguageString(o.locationString, i[o.locationString]) : o.text
+        })
+      ),
+      dataItemKey: "id",
+      textField: "text",
+      value: g ? E : null,
+      allowCustom: !0,
+      onChange: Oe
+    }
+  ), $e = /* @__PURE__ */ e.createElement(
+    gt,
+    {
+      previousNext: !0,
+      type: "input",
+      skip: Z,
+      take: 1,
+      total: t.pages ? t.pages.length : 0,
+      info: !1,
+      onPageChange: Ne
+    }
+  ), je = /* @__PURE__ */ e.createElement(ut, null), qe = /* @__PURE__ */ e.createElement(ge, null, /* @__PURE__ */ e.createElement(
+    m,
+    {
+      className: "k-toolbar-button",
+      title: s.toLanguageString(U, i[U]),
+      icon: "pointer",
+      svgIcon: St,
+      disabled: !g,
+      togglable: !0,
+      selected: P && g,
+      onClick: Fe
+    }
+  ), /* @__PURE__ */ e.createElement(
+    m,
+    {
+      className: "k-toolbar-button",
+      title: s.toLanguageString(W, i[W]),
+      icon: "hand",
+      svgIcon: xt,
+      disabled: !g,
+      togglable: !0,
+      selected: !P && g,
+      onClick: Be
+    }
+  )), He = /* @__PURE__ */ e.createElement(
+    m,
+    {
+      className: "k-toolbar-button",
+      title: s.toLanguageString(w, i[w]),
+      icon: "search",
+      svgIcon: Zt,
+      disabled: !g,
+      onClick: Ze
+    }
+  ), Ge = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    m,
+    {
+      className: "k-toolbar-button",
+      title: s.toLanguageString(K, i[K]),
+      icon: "folder-open",
+      svgIcon: Pt,
+      onClick: Ke
+    }
+  ), /* @__PURE__ */ e.createElement("div", { style: { display: "none" } }, /* @__PURE__ */ e.createElement(
+    ft,
+    {
+      restrictions: { allowedExtensions: [".pdf"] },
+      onAdd: We,
+      autoUpload: !1,
+      defaultFiles: [],
+      multiple: !1,
+      accept: ".pdf,.PDF",
+      withCredentials: !1
+    }
+  ))), Je = /* @__PURE__ */ e.createElement(
+    m,
+    {
+      className: "k-toolbar-button",
+      title: s.toLanguageString(V, i[V]),
+      icon: "download",
+      svgIcon: zt,
+      disabled: !g,
+      onClick: Ae
+    }
+  ), Qe = /* @__PURE__ */ e.createElement(
+    m,
+    {
+      className: "k-toolbar-button",
+      title: s.toLanguageString(_, i[_]),
+      icon: "print",
+      svgIcon: Lt,
+      disabled: !g,
+      onClick: Ue
+    }
+  ), Xe = {
+    pager: $e,
+    spacer: je,
+    zoomInOut: Ve,
+    zoom: _e,
+    selection: qe,
+    search: He,
+    open: Ge,
+    download: Je,
+    print: Qe
+  }, Ye = (n.tools || k.tools).map((o) => Xe[o]), ie = /* @__PURE__ */ e.createElement(it, { buttons: Rt }, ...Ye), ue = /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: bt("k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto", {
+        "k-enable-text-select": P,
+        "k-enable-panning": !P
+      }),
+      onScroll: Me
+    },
+    we && /* @__PURE__ */ e.createElement("div", { className: "k-search-panel k-pos-sticky k-top-center" }, /* @__PURE__ */ e.createElement(
+      mt,
+      {
+        value: D,
+        onChange: Pe,
+        placeholder: s.toLanguageString(w, i[w]),
+        autoFocus: !0,
+        onKeyDown: Ie,
+        suffix: () => /* @__PURE__ */ e.createElement(dt, null, /* @__PURE__ */ e.createElement(
+          m,
+          {
+            icon: "convert-lowercase",
+            svgIcon: Tt,
+            title: s.toLanguageString(j, i[j]),
+            fillMode: "flat",
+            togglable: !0,
+            selected: y,
+            onClick: ze
+          }
+        ))
+      }
+    ), /* @__PURE__ */ e.createElement("span", { className: "k-search-matches" }, /* @__PURE__ */ e.createElement("span", null, f), " of ", /* @__PURE__ */ e.createElement("span", null, p)), /* @__PURE__ */ e.createElement(
+      m,
+      {
+        title: s.toLanguageString(q, i[q]),
+        fillMode: "flat",
+        icon: "arrow-up",
+        svgIcon: It,
+        disabled: p === 0,
+        onClick: Te
+      }
+    ), /* @__PURE__ */ e.createElement(
+      m,
+      {
+        title: s.toLanguageString(H, i[H]),
+        fillMode: "flat",
+        icon: "arrow-down",
+        svgIcon: Nt,
+        disabled: p === 0,
+        onClick: Le
+      }
+    ), /* @__PURE__ */ e.createElement(
+      m,
+      {
+        title: s.toLanguageString($, i[$]),
+        fillMode: "flat",
+        icon: "x",
+        svgIcon: Mt,
+        onClick: ce
+      }
+    )),
+    /* @__PURE__ */ e.createElement("div", { ref: c, className: "k-pdf-viewer-pages" })
+  );
+  return /* @__PURE__ */ e.createElement("div", { className: "k-pdf-viewer", style: n.style, ref: z }, n.onRenderLoader ? n.onRenderLoader.call(void 0, se || null) : se, n.onRenderToolbar ? n.onRenderToolbar.call(void 0, ie) : ie, n.onRenderContent ? n.onRenderContent.call(void 0, ue) : ue, be && /* @__PURE__ */ e.createElement(yt, null));
+});
+J.displayName = "KendoReactPDFViewer";
+J.propTypes = {
+  url: l.string,
+  data: l.string,
+  arrayBuffer: l.any,
+  typedArray: l.any,
+  style: l.object,
+  saveFileName: l.string,
+  saveOptions: l.object,
+  tools: l.arrayOf(l.oneOf(ke).isRequired),
+  zoomLevels: l.arrayOf(l.any),
+  zoom: l.number,
+  defaultZoom: l.number,
+  minZoom: l.number,
+  maxZoom: l.number,
+  zoomRate: l.number,
+  onError: l.func,
+  onLoad: l.func,
+  onDownload: l.func,
+  onRenderToolbar: l.func,
+  onRenderContent: l.func,
+  onRenderLoader: l.func,
+  onZoom: l.func
+};
+J.defaultProps = k;
+const qt = F;
+export {
+  J as PDFViewer,
+  Jt as currentPage,
+  qt as scrollToPage
+};

package/{dist/es/messages.d.ts → messages.d.ts}

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 /**
  * @hidden
  */

package/package-metadata.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;