@talaikis/pdf-viewer-reactjs
Version:
Simple react PDF viewer component with controls based on PDF.js.
2 lines (1 loc) • 23.1 kB
JavaScript
"use strict";var e=require("@babel/runtime/helpers/typeof"),t=require("@babel/runtime/helpers/classCallCheck"),a=require("@babel/runtime/helpers/createClass"),n=require("@babel/runtime/helpers/assertThisInitialized"),l=require("@babel/runtime/helpers/inherits"),s=require("@babel/runtime/helpers/possibleConstructorReturn"),i=require("@babel/runtime/helpers/getPrototypeOf"),r=require("react"),o=require("prop-types"),u=require("@babel/runtime/regenerator"),d=require("@babel/runtime/helpers/asyncToGenerator"),c=require("@babel/runtime/helpers/slicedToArray"),f=require("pdfjs-dist"),m=require("pdfjs-dist/build/pdf.worker.entry");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=h(e),g=h(t),b=h(a),R=h(n),v=h(l),E=h(s),x=h(i),k=h(r),w=h(o),C=h(u),N=h(d),y=h(c),S=h(f),q=h(m),Z=function(e){var t=e.message;return k.default.createElement("div",{className:"columns has-text-danger has-margin-top-5 is-mobile"},k.default.createElement("div",{className:"column is-4 has-text-right has-padding-5"},k.default.createElement("span",{className:"icon"},k.default.createElement("i",{className:"material-icons"},"error_outline"))),k.default.createElement("div",{className:"column is-8 has-text-left has-padding-5"},k.default.createElement("small",null,t)))};Z.propTypes={message:w.default.string.isRequired},S.default.GlobalWorkerOptions.workerSrc=q.default;var P=null,A=function(e){var t=e.document,a=e.withCredentials,n=e.password,l=e.pageNum,s=e.scale,i=e.rotation,o=e.pageCount,u=e.changePage,d=e.showThumbnail,c=e.protectContent,f=e.watermark,m=e.alert,h=e.canvasCss,p=r.useState({status:!1,message:""}),g=y.default(p,2),b=g[0],R=g[1],v=r.useRef(null),E=r.useRef(null),x=r.useRef(null),w=r.useRef(!0),q=r.useState([]),A=y.default(q,2),T=A[0],B=A[1],O=r.useState([]),I=y.default(O,2),_=I[0],z=I[1],L=m||Z,j=function(){var e=N.default(C.default.mark((function e(){var l;return C.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,l={withCredentials:a,password:n},null==t.url?l.data=atob(t.base64):l.url=t.url,e.next=5,S.default.getDocument(l).promise;case 5:return P=e.sent,e.next=8,D();case 8:return e.next=10,F();case 10:M(),o(P.numPages),e.next=18;break;case 14:e.prev=14,e.t0=e.catch(0),console.warn("Error while opening the document !\n",e.t0),R({status:!0,message:"Error while opening the document !"});case 18:case"end":return e.stop()}}),e,null,[[0,14]])})));return function(){return e.apply(this,arguments)}}(),D=function(){var e=N.default(C.default.mark((function e(){var t,a,n,r,o,u,d,c,m,h,p,g,b,E,x;return C.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,P.getPage(l);case 3:return t=e.sent,a=t.getViewport({scale:s,rotation:i}),(n=v.current).height=a.height,n.width=a.width,r=n.getContext("2d"),o={canvasContext:r,viewport:a},u=t.render(o),e.prev=11,e.next=14,u.promise;case 14:0!==Object.entries(f).length&&(d=f.text,c=f.diagonal,m=f.opacity,h=f.font,p=f.size,g=f.color,r.globalAlpha=m,r.font="".concat(p*s,"px ").concat(""!==h?h:"Comic Sans MS"),r.fillStyle=g,b=r.measureText(d),E=b.width,x=p*s,r.translate(a.width/2,a.height/2),c&&r.rotate(-.785),r.fillText(d,-E/2,x/2)),e.next=21;break;case 17:e.prev=17,e.t0=e.catch(11),console.warn("Error occured while rendering !\n",e.t0),R({status:!0,message:"Error occured while rendering !"});case 21:e.next=27;break;case 23:e.prev=23,e.t1=e.catch(0),console.warn("Error while reading the pages !\n",e.t1),R({status:!0,message:"Error while reading the pages !"});case 27:case"end":return e.stop()}}),e,null,[[0,23],[11,17]])})));return function(){return e.apply(this,arguments)}}(),F=function(){var e=N.default(C.default.mark((function e(){var t,a,n,l,s,i,r,o,u,c,m,h,p,g,b,R,v,x,k;return C.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(0===Object.entries(d).length){e.next=26;break}t=[],a=.1,n=0,1<=d.scale&&d.scale<=5&&(a=d.scale/10),-90!==d.rotationAngle&&90!==d.rotationAngle||(n=d.rotationAngle),l=1;case 7:if(!(l<=P.numPages)){e.next=25;break}return e.next=10,P.getPage(l);case 10:return s=e.sent,i=s.getViewport({scale:a,rotation:n}),(r=E.current).height=i.height,r.width=i.width,o=r.getContext("2d"),u={canvasContext:o,viewport:i},c=s.render(u),e.next=20,c.promise;case 20:0!==Object.entries(f).length&&(m=f.text,h=f.diagonal,p=f.opacity,g=f.font,b=f.size,R=f.color,o.globalAlpha=p,o.font="".concat(b*a,"px ").concat(""!==g?g:"Comic Sans MS"),o.fillStyle=R,v=o.measureText(m),x=v.width,k=b*a,o.translate(i.width/2,i.height/2),h&&o.rotate(-.785),o.fillText(m,-x/2,k/2)),t.push({image:r.toDataURL("image/png"),height:i.height,width:i.width});case 22:l++,e.next=7;break;case 25:z(t);case 26:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),M=function(){if(0!==Object.entries(d).length){for(var e=[],t=function(t){var a=_[t-1].image,n=_[t-1].height,s=_[t-1].width;e.push(k.default.createElement("img",{style:l===t?{height:n,width:s,display:"flex",cursor:"pointer",margin:"10px 20px",border:"5px solid rgba(58, 58, 64, 1)",boxShadow:"rgba(0, 0, 0, 0.6) 0 4px 8px 0, rgba(0, 0, 0, 0.58) 0 6px 20px 0"}:{height:n,width:s,display:"flex",cursor:"pointer",margin:"15px 25px",boxShadow:"rgba(0, 0, 0, 0.6) 0px 2px 2px 0px"},onClick:function(){return u(t)},ref:l===t?x:null,key:t,alt:"thumbnail of page ".concat(t),src:a}))},a=1;a<=_.length;a++)t(a);e.push(k.default.createElement("div",{key:0,style:{padding:"0px 10px"}})),B(e)}};return r.useEffect((function(){j()}),[t,n]),r.useEffect((function(){w.current?w.current=!1:(D(),M())}),[l,s,i,o]),r.useEffect((function(){null!==x.current&&0!==Object.entries(d).length&&x.current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})})),b.status?(o(-1),k.default.createElement("div",{className:h||"",style:h?{}:{height:"1000px",overflow:"auto"}},k.default.createElement(L,{message:b.message}))):0!==Object.entries(d).length?k.default.createElement(k.default.Fragment,null,k.default.createElement("div",{className:h||"",style:h?{}:{height:"1000px",overflow:"auto"}},k.default.createElement("canvas",{onContextMenu:function(e){return c?e.preventDefault():null},ref:v,width:"undefined"!=typeof window&&window.innerWidth,height:"undefined"!=typeof window&&window.innerHeight})),k.default.createElement("div",{style:{backgroundColor:"#EAE6DA",display:"flex",flexDirection:"row",overflowX:"auto"}},T),k.default.createElement("canvas",{ref:E,style:{display:"None"}})):k.default.createElement(k.default.Fragment,null,k.default.createElement("div",{className:h||"",style:h?{}:{height:"1000px",overflow:"auto"}},k.default.createElement("canvas",{onContextMenu:function(e){return c?e.preventDefault():null},ref:v,width:"undefined"!=typeof window&&window.innerWidth,height:"undefined"!=typeof window&&window.innerHeight})))};A.propTypes={document:w.default.any.isRequired,withCredentials:w.default.bool,password:w.default.string,pageNum:w.default.number.isRequired,scale:w.default.number.isRequired,rotation:w.default.number.isRequired,changePage:w.default.func,pageCount:w.default.func,showThumbnail:w.default.shape({scale:w.default.number,rotationAngle:w.default.number}),protectContent:w.default.bool,watermark:w.default.shape({text:w.default.string,diagonal:w.default.bool,opacity:w.default.string,size:w.default.string,color:w.default.string}),canvasCss:w.default.string},A.defaultProps={changePage:function(){},pageCount:function(){},showThumbnail:{},protectContent:!1,watermark:{},canvasCss:""};var T=function(e){var t=e.css,a=e.page,n=e.pages,l=e.handleNextClick,s=t||"button is-black is-marginless";return a===n?k.default.createElement("button",{className:s,disabled:!0},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"keyboard_arrow_right"))):k.default.createElement("button",{className:s,onClick:l},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"keyboard_arrow_right")))};T.propTypes={css:w.default.string,page:w.default.number.isRequired,pages:w.default.number.isRequired,handleNextClick:w.default.func.isRequired};var B=function(e){var t=e.css,a=e.page,n=e.pages,l=t||"is-size-7 is-vcentered has-text-centered is-inline-flex has-padding-top-5 button is-black is-marginless has-margin-left-5 has-margin-right-5";return k.default.createElement("span",{className:l},"Page ".concat(a," / ").concat(n))};B.propTypes={css:w.default.string,page:w.default.number.isRequired,pages:w.default.number.isRequired};var O=function(e){var t=e.css,a=e.page,n=e.handlePrevClick,l=t||"button is-black is-marginless";return 1===a?k.default.createElement("button",{className:l,disabled:!0},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"keyboard_arrow_left"))):k.default.createElement("button",{className:l,onClick:n},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"keyboard_arrow_left")))};O.propTypes={css:w.default.string,page:w.default.number.isRequired,handlePrevClick:w.default.func.isRequired};var I=function(e){var t=e.css,a=e.scale,n=e.defaultScale,l=e.maxScale,s=e.handleZoomIn,i=t||"button is-black is-marginless has-margin-left-5 has-margin-right-5",r=l;return n>l&&(r=n),a.toFixed(2)===r.toFixed(2)?k.default.createElement("button",{className:i,disabled:!0},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"zoom_in"))):k.default.createElement("button",{className:i,onClick:s},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"zoom_in")))};I.propTypes={css:w.default.string,scale:w.default.number.isRequired,defaultScale:w.default.number.isRequired,maxScale:w.default.number.isRequired,handleZoomIn:w.default.func.isRequired};var _=function(e){var t=e.css,a=e.scale,n=e.defaultScale,l=e.minScale,s=e.handleZoomOut,i=t||"button is-black is-marginless has-margin-left-5 has-margin-right-5",r=l;return n<l&&(r=n),a.toFixed(2)===r.toFixed(2)?k.default.createElement("button",{className:i,disabled:!0},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"zoom_out"))):k.default.createElement("button",{className:i,onClick:s},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"zoom_out")))};_.propTypes={css:w.default.string,scale:w.default.number.isRequired,defaultScale:w.default.number.isRequired,minScale:w.default.number.isRequired,handleZoomOut:w.default.func.isRequired};var z=function(e){var t=e.css,a=e.scale,n=e.defaultScale,l=e.handleResetZoom,s=t||"button is-black is-marginless has-margin-left-5 has-margin-right-5";return a.toFixed(2)===n.toFixed(2)?k.default.createElement("button",{className:s,disabled:!0},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"refresh"))):k.default.createElement("button",{className:s,onClick:l},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"refresh")))};z.propTypes={css:w.default.string,scale:w.default.number.isRequired,defaultScale:w.default.number.isRequired,handleResetZoom:w.default.func.isRequired};var L=function(e){var t=e.css,a=e.rotationAngle,n=e.handleRotateLeft,l=t||"button is-black is-marginless has-margin-left-5 has-margin-right-5";return-90===a?k.default.createElement("button",{className:l,disabled:!0},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"rotate_left"))):k.default.createElement("button",{className:l,onClick:n},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"rotate_left")))};L.propTypes={css:w.default.string,rotationAngle:w.default.number.isRequired,handleRotateLeft:w.default.func.isRequired};var j=function(e){var t=e.css,a=e.rotationAngle,n=e.handleResetRotation,l=t||"button is-black is-marginless has-margin-left-5 has-margin-right-5";return 0===a?k.default.createElement("button",{className:l,disabled:!0},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"refresh"))):k.default.createElement("button",{className:l,onClick:n},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"refresh")))};j.propTypes={css:w.default.string,rotationAngle:w.default.number.isRequired,handleResetRotation:w.default.func.isRequired};var D=function(e){var t=e.css,a=e.rotationAngle,n=e.handleRotateRight,l=t||"button is-black is-marginless has-margin-left-5 has-margin-right-5";return 90===a?k.default.createElement("button",{className:l,disabled:!0},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"rotate_right"))):k.default.createElement("button",{className:l,onClick:n},k.default.createElement("span",{className:"icon is-small"},k.default.createElement("i",{className:"material-icons"},"rotate_right")))};D.propTypes={css:w.default.string,rotationAngle:w.default.number.isRequired,handleRotateRight:w.default.func.isRequired};var F=function(e){var t=e.page,a=e.pages,n=e.scale,l=e.defaultScale,s=e.maxScale,i=e.minScale,r=e.rotationAngle,o=e.hideZoom,u=e.hideRotation,d=e.css,c=e.handlePrevClick,f=e.handleNextClick,m=e.handleZoomIn,h=e.handleResetZoom,p=e.handleZoomOut,g=e.handleRotateLeft,b=e.handleResetRotation,R=e.handleRotateRight;return k.default.createElement("div",{className:"columns is-gapless ".concat(d.navbarWrapper||"box is-mobile has-text-white has-background-black has-margin-top-15 has-margin-bottom-15")},o?k.default.createElement("div",{className:"column is-2"}):k.default.createElement("div",{className:"column is-2 buttons are-small has-addons"},k.default.createElement(_,{scale:n,minScale:i,defaultScale:l,css:d.zoomOutBtn,handleZoomOut:p}),k.default.createElement(z,{scale:n,defaultScale:l,css:d.resetZoomBtn,handleResetZoom:h}),k.default.createElement(I,{scale:n,maxScale:s,defaultScale:l,css:d.zoomInBtn,handleZoomIn:m})),k.default.createElement("div",{className:"column"}),k.default.createElement("div",{className:"column is-3 buttons are-small has-addons is-centered"},k.default.createElement(O,{css:d.previousPageBtn,page:t,pages:a,handlePrevClick:c}),k.default.createElement(B,{css:d.pageIndicator,page:t,pages:a}),k.default.createElement(T,{css:d.nextPageBtn,page:t,pages:a,handleNextClick:f})),k.default.createElement("div",{className:"column"}),u?k.default.createElement("div",{className:"column is-2"}):k.default.createElement("div",{className:"column is-2 buttons are-small has-addons is-right"},k.default.createElement(L,{css:d.rotateLeftBtn,rotationAngle:r,handleRotateLeft:g}),k.default.createElement(j,{css:d.resetRotationBtn,rotationAngle:r,handleResetRotation:b}),k.default.createElement(D,{css:d.rotateRightBtn,rotationAngle:r,handleRotateRight:R})))};function M(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=x.default(e);if(t){var l=x.default(this).constructor;a=Reflect.construct(n,arguments,l)}else a=n.apply(this,arguments);return E.default(this,a)}}F.propTypes={page:w.default.number.isRequired,pages:w.default.number.isRequired,scale:w.default.number,defaultScale:w.default.number,maxScale:w.default.number,minScale:w.default.number,rotationAngle:w.default.number,hideZoom:w.default.bool,hideRotation:w.default.bool,css:w.default.shape({navbarWrapper:w.default.string,pages:w.default.string,pageIndicator:w.default.string,previousPageBtn:w.default.string,nextPageBtn:w.default.string,zoomOutBtn:w.default.string,resetZoomBtn:w.default.string,zoomInBtn:w.default.string,rotateLeftBtn:w.default.string,resetRotationBtn:w.default.string,rotateRightBtn:w.default.string}),elements:w.default.shape({previousPageBtn:w.default.any,nextPageBtn:w.default.any,pages:w.default.any}),handlePrevClick:w.default.func.isRequired,handleNextClick:w.default.func.isRequired,handleZoomIn:w.default.func.isRequired,handleResetZoom:w.default.func.isRequired,handleZoomOut:w.default.func.isRequired,handleRotateLeft:w.default.func.isRequired,handleResetRotation:w.default.func.isRequired,handleRotateRight:w.default.func.isRequired},F.defaultProps={css:{},elements:{}};var W=function(e){v.default(a,e);var t=M(a);function a(e){var n;return g.default(this,a),(n=t.call(this,e)).state={page:n.props.page,pages:0,scale:n.props.scale,defaultScale:n.props.scale,rotationAngle:n.props.rotationAngle,isReady:!1},n.getPageCount=n.getPageCount.bind(R.default(n)),n.handleThumbnailClick=n.handleThumbnailClick.bind(R.default(n)),n.handlePrevClick=n.handlePrevClick.bind(R.default(n)),n.handleNextClick=n.handleNextClick.bind(R.default(n)),n.handleZoomIn=n.handleZoomIn.bind(R.default(n)),n.handleResetZoom=n.handleResetZoom.bind(R.default(n)),n.handleZoomOut=n.handleZoomOut.bind(R.default(n)),n.handleRotateLeft=n.handleRotateLeft.bind(R.default(n)),n.handleResetRotation=n.handleResetRotation.bind(R.default(n)),n.handleRotateRight=n.handleRotateRight.bind(R.default(n)),n}return b.default(a,[{key:"getPageCount",value:function(e){this.state.pages!==e&&(this.setState({pages:e,isReady:!0}),this.props.getMaxPageCount&&this.props.getMaxPageCount(e))}},{key:"handleThumbnailClick",value:function(e){this.state.page!==e&&this.setState({page:e})}},{key:"handlePrevClick",value:function(){1!==this.state.page&&(this.setState({page:this.state.page-1}),this.props.onPrevBtnClick&&this.props.onPrevBtnClick(this.state.page-1))}},{key:"handleNextClick",value:function(){this.state.page!==this.pages&&(this.setState({page:this.state.page+1}),this.props.onNextBtnClick&&this.props.onNextBtnClick(this.state.page+1))}},{key:"handleZoomIn",value:function(){var e=this.props.maxScale;this.state.defaultScale>this.props.maxScale&&(e=this.state.defaultScale),this.state.scale<e&&this.setState({scale:this.state.scale+this.props.scaleStep}),this.props.onZoom&&this.props.onZoom(this.state.scale+this.props.scaleStep)}},{key:"handleResetZoom",value:function(){this.setState({scale:this.state.defaultScale}),this.props.onZoom&&this.props.onZoom(this.state.defaultScale)}},{key:"handleZoomOut",value:function(){var e=this.props.minScale;this.state.defaultScale<this.props.minScale&&(e=this.state.defaultScale),this.state.scale>e&&this.setState({scale:this.state.scale-this.props.scaleStep}),this.props.onZoom&&this.props.onZoom(this.state.scale-this.props.scaleStep)}},{key:"handleRotateLeft",value:function(){-90!==this.state.rotationAngle&&this.setState({rotationAngle:-90}),this.props.onRotation&&this.props.onRotation(-90)}},{key:"handleResetRotation",value:function(){0!==this.state.rotationAngle&&this.setState({rotationAngle:0}),this.props.onRotation&&this.props.onRotation(0)}},{key:"handleRotateRight",value:function(){90!==this.state.rotationAngle&&this.setState({rotationAngle:90}),this.props.onRotation&&this.props.onRotation(90)}},{key:"render",value:function(){var e=this,t=this.props,a=t.document,n=t.withCredentials,l=t.password,s=t.maxScale,i=t.minScale,r=t.hideNavbar,o=t.hideZoom,u=t.hideRotation,d=t.navbarOnTop,c=t.navigation,f=t.css,m=t.canvasCss,h=t.onDocumentClick,g=t.showThumbnail,b=t.protectContent,R=t.watermark,v=t.alert,E=this.state,x=E.page,w=E.pages,C=E.scale,N=E.defaultScale,y=E.rotationAngle,S=c,q=k.default.createElement(A,{document:a,withCredentials:n,password:l,pageNum:x,scale:C,rotation:y,changePage:function(t){return e.handleThumbnailClick(t)},pageCount:function(t){return e.getPageCount(t)},showThumbnail:g,protectContent:b,watermark:R,alert:v,canvasCss:m}),Z=null;return!r&&w>0&&(Z=!c||c&&"object"===p.default(c)?k.default.createElement(F,{page:x,pages:w,scale:C,defaultScale:N,maxScale:s,minScale:i,rotationAngle:y,hideZoom:o,hideRotation:u,css:c?c.css:void 0,handleNextClick:this.handleNextClick,handlePrevClick:this.handlePrevClick,handleZoomIn:this.handleZoomIn,handleResetZoom:this.handleResetZoom,handleZoomOut:this.handleZoomOut,handleRotateLeft:this.handleRotateLeft,handleResetRotation:this.handleResetRotation,handleRotateRight:this.handleRotateRight}):k.default.createElement(S,{page:x,pages:w,scale:C,defaultScale:N,maxScale:s,minScale:i,rotationAngle:y,hideZoom:o,hideRotation:u,handleNextClick:this.handleNextClick,handlePrevClick:this.handlePrevClick,handleZoomIn:this.handleZoomIn,handleResetZoom:this.handleResetZoom,handleZoomOut:this.handleZoomOut,handleRotateLeft:this.handleRotateLeft,handleResetRotation:this.handleResetRotation,handleRotateRight:this.handleRotateRight})),k.default.createElement("div",{className:f||"container text-center"},k.default.createElement("div",{style:{display:this.state.isReady?"none":"block"}},k.default.createElement("div",{className:m||"",style:m?{}:{height:"1000px",overflow:"auto"}})),k.default.createElement("div",{style:{display:this.state.isReady?"block":"none"}},d?k.default.createElement("div",null,k.default.createElement("div",null,Z),k.default.createElement("div",{onClick:h},q)):k.default.createElement("div",null,k.default.createElement("div",{onClick:h},q),k.default.createElement("div",null,Z))))}}]),a}(k.default.Component);W.propTypes={document:w.default.shape({url:w.default.string,base64:w.default.string}).isRequired,withCredentials:w.default.bool,password:w.default.string,loader:w.default.node,page:w.default.number,scale:w.default.number,scaleStep:w.default.number,maxScale:w.default.number,minScale:w.default.number,css:w.default.string,canvasCss:w.default.string,rotationAngle:w.default.number,onDocumentClick:w.default.func,onPrevBtnClick:w.default.func,onNextBtnClick:w.default.func,onZoom:w.default.func,onRotation:w.default.func,getMaxPageCount:w.default.func,hideNavbar:w.default.bool,navbarOnTop:w.default.bool,hideZoom:w.default.bool,hideRotation:w.default.bool,showThumbnail:w.default.shape({scale:w.default.number,rotationAngle:w.default.number}),protectContent:w.default.bool,watermark:w.default.shape({text:w.default.string,diagonal:w.default.bool,opacity:w.default.string,font:w.default.string,size:w.default.string,color:w.default.string}),alert:w.default.any,navigation:w.default.oneOfType([w.default.shape({css:w.default.shape({navbarWrapper:w.default.string,zoomOutBtn:w.default.string,resetZoomBtn:w.default.string,zoomInBtn:w.default.string,previousPageBtn:w.default.string,pageIndicator:w.default.string,nextPageBtn:w.default.string,rotateLeftBtn:w.default.string,resetRotationBtn:w.default.string,rotateRightBtn:w.default.string})}),w.default.any])},W.defaultProps={page:1,withCredentials:!1,password:"",defaultScale:1,scale:1,scaleStep:1,maxScale:3,minScale:1,rotationAngle:0,hideNavbar:!1,hideZoom:!1,hideRotation:!1,navbarOnTop:!1,canvasCss:""},module.exports=W;