3 files changed, 13 insertions, 13 deletions

diff --git a/src/client/views/nodes/DocumentView.tsx b/src/client/views/nodes/DocumentView.tsx
index 1f928a3d6..20526c256 100644
--- a/src/client/views/nodes/DocumentView.tsx
+++ b/src/client/views/nodes/DocumentView.tsx
@@ -18,7 +18,7 @@ import { ImageBox } from "../nodes/ImageBox";
 import { Documents } from "../../documents/Documents"
 import { KeyValueBox } from "./KeyValueBox"
 import { WebBox } from "../nodes/WebBox";
-import { PDFNode } from "../nodes/PDFNode";
+import { PDFBox } from "../nodes/PDFBox";
 import "./DocumentView.scss";
 import React = require("react");
 const JsxParser = require('react-jsx-parser').default; //TODO Why does this need to be imported like this?
@@ -195,7 +195,7 @@ export class DocumentView extends React.Component<DocumentViewProps> {
     }
     @computed get mainContent() {
         return <JsxParser
-            components={{ FormattedTextBox, ImageBox, CollectionFreeFormView, CollectionDockingView, CollectionSchemaView, CollectionView, WebBox, KeyValueBox, PDFNode }}
+            components={{ FormattedTextBox, ImageBox, CollectionFreeFormView, CollectionDockingView, CollectionSchemaView, CollectionView, WebBox, KeyValueBox, PDFBox }}
             bindings={this._documentBindings}
             jsx={this.layout}
             showWarnings={true}
diff --git a/src/client/views/nodes/PDFNode.scss b/src/client/views/nodes/PDFBox.scss
index 18ebca952..9f92410d4 100644
--- a/src/client/views/nodes/PDFNode.scss
+++ b/src/client/views/nodes/PDFBox.scss
@@ -5,11 +5,11 @@
 .react-pdf__Document {
     position: absolute;
 }
-.pdfNode-buttonTray {
+.pdfBox-buttonTray {
     position:absolute;
     z-index: 25;
 }
-.pdfNode-contentContainer {
+.pdfBox-contentContainer {
     position: absolute;
     transform-origin: "left top";
 }
\ No newline at end of file
diff --git a/src/client/views/nodes/PDFNode.tsx b/src/client/views/nodes/PDFBox.tsx
index 648bd3e62..5614242b5 100644
--- a/src/client/views/nodes/PDFNode.tsx
+++ b/src/client/views/nodes/PDFBox.tsx
@@ -12,7 +12,7 @@ import "./ImageBox.scss";
 import { Sticky } from './Sticky'; //you should look at sticky and annotation, because they are used here
 import React = require("react")
 import { KeyStore } from '../../../fields/KeyStore';
-import "./PDFNode.scss";
+import "./PDFBox.scss";
 import { PDFField } from '../../../fields/PDFField';
 import { FieldWaiting } from '../../../fields/Field';
 import { ImageField } from '../../../fields/ImageField';
@@ -51,8 +51,8 @@ import { url } from 'inspector';
  * written by: Andrew Kim 
  */
 @observer
-export class PDFNode extends React.Component<FieldViewProps> {
-    public static LayoutString() { return FieldView.LayoutString(PDFNode); }
+export class PDFBox extends React.Component<FieldViewProps> {
+    public static LayoutString() { return FieldView.LayoutString(PDFBox); }
 
     private _mainDiv = React.createRef<HTMLDivElement>()
     private _pdf = React.createRef<HTMLCanvasElement>();
@@ -420,7 +420,7 @@ export class PDFNode extends React.Component<FieldViewProps> {
                 }
             })
         }
-        this._numPages = page.transport.numPages
+        this._numPages = page._transport.numPages;
         if (this._perPageInfo.length == 0) { //Makes sure it only runs once
             this._perPageInfo = [...Array(this._numPages)]
         }
@@ -444,7 +444,7 @@ export class PDFNode extends React.Component<FieldViewProps> {
     @computed
     get uIButtons() {
         return (
-            <div className="pdfNode-buttonTray" key="tray">
+            <div className="pdfBox-buttonTray" key="tray">
                 <button className="pdfButton" onClick={this.onPageBack}>{"<"}</button>
                 <button className="pdfButton" onClick={this.onPageForward}>{">"}</button>
                 <button className="pdfButton" onClick={this.selectionTool}>{"Area"}</button>
@@ -462,11 +462,11 @@ export class PDFNode extends React.Component<FieldViewProps> {
         const renderHeight = 2400;
         let pdfUrl = this.props.doc.GetT(this.props.fieldKey, PDFField);
         let xf = this.props.doc.GetNumber(KeyStore.NativeHeight, 0) / renderHeight;
-        return <div className="pdfNode-contentContainer" key="container" style={{ transform: `scale(${xf}, ${xf})` }}>
+        return <div className="pdfBox-contentContainer" key="container" style={{ transform: `scale(${xf}, ${xf})` }}>
             <Document file={window.origin + "/corsProxy/" + `${pdfUrl}`}>
                 <Measure onResize={this.setScaling}>
                     {({ measureRef }) =>
-                        <div className="pdfNode-page" ref={measureRef}>
+                        <div className="pdfBox-page" ref={measureRef}>
                             <Page height={renderHeight} pageNumber={this._page} onLoadSuccess={this.onLoaded} />
                         </div>
                     }
@@ -486,7 +486,7 @@ export class PDFNode extends React.Component<FieldViewProps> {
             this._pageInfo.area.filter(() => this._pageInfo.area).map((element: any) => element),
             this._currAnno.map((element: any) => element),
             this.uIButtons,
-            <div key="pdfNode-contentShell">
+            <div key="pdfBox-contentShell">
                 {this.pdfContent}
                 {proxy}
             </div>
@@ -506,7 +506,7 @@ export class PDFNode extends React.Component<FieldViewProps> {
 
     render() {
         return (
-            <div className="pdfNode-cont" ref={this._mainDiv} onPointerDown={this.onPointerDown} onPointerUp={this.onPointerUp} >
+            <div className="pdfBox-cont" ref={this._mainDiv} onPointerDown={this.onPointerDown} onPointerUp={this.onPointerUp} >
                 {this.pdfRenderer}
             </div >
         );