Fixed DocumentContents stuff

4 files changed, 351 insertions, 359 deletions

diff --git a/src/client/util/jsx-decl.d.ts b/src/client/util/jsx-decl.d.ts
new file mode 100644
index 000000000..532f06178
--- /dev/null
+++ b/src/client/util/jsx-decl.d.ts
@@ -0,0 +1 @@
+declare module 'react-jsx-parser';
diff --git a/src/client/views/collections/CollectionFreeFormView.tsx b/src/client/views/collections/CollectionFreeFormView.tsx
index 71f429e80..3d5326552 100644
--- a/src/client/views/collections/CollectionFreeFormView.tsx
+++ b/src/client/views/collections/CollectionFreeFormView.tsx
@@ -17,7 +17,7 @@ import { CollectionView } from "../collections/CollectionView";
 import { InkingCanvas } from "../InkingCanvas";
 import { AudioBox } from "../nodes/AudioBox";
 import { CollectionFreeFormDocumentView } from "../nodes/CollectionFreeFormDocumentView";
-import { DocumentView } from "../nodes/DocumentView";
+import { DocumentView, DocumentViewProps, DocumentContents } from "../nodes/DocumentView";
 import { FormattedTextBox } from "../nodes/FormattedTextBox";
 import { ImageBox } from "../nodes/ImageBox";
 import { KeyValueBox } from "../nodes/KeyValueBox";
@@ -254,6 +254,21 @@ export class CollectionFreeFormView extends CollectionViewBase {
         this.props.focus(this.props.Document);
     }
 
+    getDocumentViewProps(document: Document): DocumentViewProps {
+        return {
+            Document: document,
+            AddDocument: this.props.addDocument,
+            RemoveDocument: this.props.removeDocument,
+            ScreenToLocalTransform: this.getTransform,
+            isTopMost: false,
+            SelectOnLoad: document.Id == this._selectOnLoaded,
+            PanelWidth: document.Width,
+            PanelHeight: document.Height,
+            ContentScaling: this.noScaling,
+            ContainingCollectionView: this.props.CollectionView,
+            focus: this.focusDocument
+        }
+    }
 
     @computed
     get views() {
@@ -263,18 +278,7 @@ export class CollectionFreeFormView extends CollectionViewBase {
             return lvalue.Data.map(doc => {
                 var page = doc.GetNumber(KeyStore.Page, 0);
                 return (page != curPage && page != 0) ? (null) :
-                    (<CollectionFreeFormDocumentView key={doc.Id} Document={doc}
-                        AddDocument={this.props.addDocument}
-                        RemoveDocument={this.props.removeDocument}
-                        ScreenToLocalTransform={this.getTransform}
-                        isTopMost={false}
-                        SelectOnLoad={doc.Id === this._selectOnLoaded}
-                        ContentScaling={this.noScaling}
-                        PanelWidth={doc.Width}
-                        PanelHeight={doc.Height}
-                        ContainingCollectionView={this.props.CollectionView}
-                        focus={this.focusDocument}
-                    />);
+                    (<CollectionFreeFormDocumentView key={doc.Id} {...this.getDocumentViewProps(doc)} />);
             })
         }
         return null;
@@ -283,24 +287,28 @@ export class CollectionFreeFormView extends CollectionViewBase {
     @computed
     get backgroundView() {
         return !this.backgroundLayout ? (null) :
-            (<JsxParser
-                components={{ FormattedTextBox, ImageBox, CollectionFreeFormView, CollectionDockingView, CollectionSchemaView, CollectionView, CollectionPDFView, CollectionVideoView, WebBox, KeyValueBox, PDFBox, VideoBox, AudioBox }}
-                bindings={this.props.bindings}
-                jsx={this.backgroundLayout}
-                showWarnings={true}
-                onError={(test: any) => console.log(test)}
-            />);
+            (<DocumentContents {...this.getDocumentViewProps(this.props.Document)}
+                layoutKey={KeyStore.BackgroundLayout} isSelected={() => false} select={() => { }} />);
+        // (<JsxParser
+        //     components={{ FormattedTextBox, ImageBox, CollectionFreeFormView, CollectionDockingView, CollectionSchemaView, CollectionView, CollectionPDFView, CollectionVideoView, WebBox, KeyValueBox, PDFBox, VideoBox, AudioBox }}
+        //     bindings={this.props.bindings}
+        //     jsx={this.backgroundLayout}
+        //     showWarnings={true}
+        //     onError={(test: any) => console.log(test)}
+        // />);
     }
     @computed
     get overlayView() {
         return !this.overlayLayout ? (null) :
-            (<JsxParser
-                components={{ FormattedTextBox, ImageBox, CollectionFreeFormView, CollectionDockingView, CollectionSchemaView, CollectionView, CollectionPDFView, CollectionVideoView, WebBox, KeyValueBox, PDFBox, VideoBox, AudioBox }}
-                bindings={this.props.bindings}
-                jsx={this.overlayLayout}
-                showWarnings={true}
-                onError={(test: any) => console.log(test)}
-            />);
+            (<DocumentContents {...this.getDocumentViewProps(this.props.Document)}
+                layoutKey={KeyStore.OverlayLayout} isSelected={() => false} select={() => { }} />);
+        // (<JsxParser
+        //     components={{ FormattedTextBox, ImageBox, CollectionFreeFormView, CollectionDockingView, CollectionSchemaView, CollectionView, CollectionPDFView, CollectionVideoView, WebBox, KeyValueBox, PDFBox, VideoBox, AudioBox }}
+        //     bindings={this.props.bindings}
+        //     jsx={this.overlayLayout}
+        //     showWarnings={true}
+        //     onError={(test: any) => console.log(test)}
+        // />);
     }
 
     getTransform = (): Transform => this.props.ScreenToLocalTransform().translate(-COLLECTION_BORDER_WIDTH, -COLLECTION_BORDER_WIDTH).translate(-this.centeringShiftX, -this.centeringShiftY).transform(this.getLocalTransform())
diff --git a/src/debug/Test.tsx b/src/debug/Test.tsx
index 7bc70615f..c8de33f41 100644
--- a/src/debug/Test.tsx
+++ b/src/debug/Test.tsx
@@ -1,46 +1,29 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
+import JsxParser from 'react-jsx-parser'
 
-class TestInternal extends React.Component {
-    onContextMenu = (e: React.MouseEvent) => {
-        console.log("Internal");
-        e.stopPropagation();
-    }
-
-    onPointerDown = (e: React.MouseEvent) => {
-        console.log("pointer down")
-        e.preventDefault();
-    }
-
-    render() {
-        return <div onContextMenu={this.onContextMenu} onPointerDown={this.onPointerDown}
-            onPointerUp={this.onPointerDown}>Hello world</div>
-    }
-}
-
-class TestChild extends React.Component {
-    onContextMenu = () => {
-        console.log("Child");
-    }
-
+class Hello extends React.Component<{ firstName: string, lastName: string }> {
     render() {
-        return <div onContextMenu={this.onContextMenu}><TestInternal /></div>
+        return <div>Hello {this.props.firstName} {this.props.lastName}</div>
     }
 }
 
-class TestParent extends React.Component {
-    onContextMenu = () => {
-        console.log("Parent");
-    }
-
+class Test extends React.Component {
     render() {
-        return <div onContextMenu={this.onContextMenu}><TestChild /></div>
+        let jsx = "<Hello {...props}/>";
+        let bindings = {
+            props: {
+                firstName: "First",
+                lastName: "Last"
+            }
+        }
+        return <JsxParser jsx={jsx} bindings={bindings} components={{ Hello }}></JsxParser>
     }
 }
 
 ReactDOM.render((
     <div style={{ position: "absolute", width: "100%", height: "100%" }}>
-        <TestParent />
+        <Test />
     </div>),
     document.getElementById('root')
 );
\ No newline at end of file
diff --git a/src/typings/index.d.ts b/src/typings/index.d.ts
index e4a66f7f2..7939ae8be 100644
--- a/src/typings/index.d.ts
+++ b/src/typings/index.d.ts
@@ -1,322 +1,322 @@
 /// <reference types="node" />
 
 declare module '@react-pdf/renderer' {
-    import * as React from 'react';
-  
-    namespace ReactPDF {
-      interface Style {
-        [property: string]: any;
-      }
-      interface Styles {
-        [key: string]: Style;
-      }
-      type Orientation = 'portrait' | 'landscape';
-  
-      interface DocumentProps {
-        title?: string;
-        author?: string;
-        subject?: string;
-        keywords?: string;
-        creator?: string;
-        producer?: string;
-        onRender?: () => any;
-      }
-  
-      /**
-       * This component represent the PDF document itself. It must be the root
-       * of your tree element structure, and under no circumstances should it be
-       * used as children of another react-pdf component. In addition, it should
-       * only have childs of type <Page />.
-       */
-      class Document extends React.Component<DocumentProps> {}
-  
-      interface NodeProps {
-        style?: Style | Style[];
-        /**
-         * Render component in all wrapped pages.
-         * @see https://react-pdf.org/advanced#fixed-components
-         */
-        fixed?: boolean;
-        /**
-         * Force the wrapping algorithm to start a new page when rendering the
-         * element.
-         * @see https://react-pdf.org/advanced#page-breaks
-         */
-        break?: boolean;
-      }
-  
-      interface PageProps extends NodeProps {
-        /**
-         * Enable page wrapping for this page.
-         * @see https://react-pdf.org/components#page-wrapping
-         */
-        wrap?: boolean;
-        debug?: boolean;
-        size?: string | [number, number] | {width: number; height: number};
-        orientation?: Orientation;
-        ruler?: boolean;
-        rulerSteps?: number;
-        verticalRuler?: boolean;
-        verticalRulerSteps?: number;
-        horizontalRuler?: boolean;
-        horizontalRulerSteps?: number;
-        ref?: Page;
-      }
-  
-      /**
-       * Represents single page inside the PDF document, or a subset of them if
-       * using the wrapping feature. A <Document /> can contain as many pages as
-       * you want, but ensure not rendering a page inside any component besides
-       * Document.
-       */
-      class Page extends React.Component<PageProps> {}
-  
-      interface ViewProps extends NodeProps {
-        /**
-         * Enable/disable page wrapping for element.
-         * @see https://react-pdf.org/components#page-wrapping
-         */
-        wrap?: boolean;
-        debug?: boolean;
-        render?: (props: {pageNumber: number}) => React.ReactNode;
-        children?: React.ReactNode;
-      }
-  
+  import * as React from 'react';
+
+  namespace ReactPDF {
+    interface Style {
+      [property: string]: any;
+    }
+    interface Styles {
+      [key: string]: Style;
+    }
+    type Orientation = 'portrait' | 'landscape';
+
+    interface DocumentProps {
+      title?: string;
+      author?: string;
+      subject?: string;
+      keywords?: string;
+      creator?: string;
+      producer?: string;
+      onRender?: () => any;
+    }
+
+    /**
+     * This component represent the PDF document itself. It must be the root
+     * of your tree element structure, and under no circumstances should it be
+     * used as children of another react-pdf component. In addition, it should
+     * only have childs of type <Page />.
+     */
+    class Document extends React.Component<DocumentProps> { }
+
+    interface NodeProps {
+      style?: Style | Style[];
       /**
-       * The most fundamental component for building a UI and is designed to be
-       * nested inside other views and can have 0 to many children.
+       * Render component in all wrapped pages.
+       * @see https://react-pdf.org/advanced#fixed-components
        */
-      class View extends React.Component<ViewProps> {}
-  
-      interface ImageProps extends NodeProps {
-        debug?: boolean;
-        src: string | {data: Buffer; format: 'png' | 'jpg'};
-        cache?: boolean;
-      }
-  
+      fixed?: boolean;
       /**
-       * A React component for displaying network or local (Node only) JPG or
-       * PNG images, as well as base64 encoded image strings.
+       * Force the wrapping algorithm to start a new page when rendering the
+       * element.
+       * @see https://react-pdf.org/advanced#page-breaks
        */
-      class Image extends React.Component<ImageProps> {}
-  
-      interface TextProps extends NodeProps {
-        /**
-         * Enable/disable page wrapping for element.
-         * @see https://react-pdf.org/components#page-wrapping
-         */
-        wrap?: boolean;
-        debug?: boolean;
-        render?: (
-          props: {pageNumber: number; totalPages: number},
-        ) => React.ReactNode;
-        children?: React.ReactNode;
-        /**
-         * How much hyphenated breaks should be avoided.
-         */
-        hyphenationCallback?: number;
-      }
-  
+      break?: boolean;
+    }
+
+    interface PageProps extends NodeProps {
       /**
-       * A React component for displaying text. Text supports nesting of other
-       * Text or Link components to create inline styling.
+       * Enable page wrapping for this page.
+       * @see https://react-pdf.org/components#page-wrapping
        */
-      class Text extends React.Component<TextProps> {}
-  
-      interface LinkProps extends NodeProps {
-        /**
-         * Enable/disable page wrapping for element.
-         * @see https://react-pdf.org/components#page-wrapping
-         */
-        wrap?: boolean;
-        debug?: boolean;
-        src: string;
-        children?: React.ReactNode;
-      }
-  
+      wrap?: boolean;
+      debug?: boolean;
+      size?: string | [number, number] | { width: number; height: number };
+      orientation?: Orientation;
+      ruler?: boolean;
+      rulerSteps?: number;
+      verticalRuler?: boolean;
+      verticalRulerSteps?: number;
+      horizontalRuler?: boolean;
+      horizontalRulerSteps?: number;
+      ref?: Page;
+    }
+
+    /**
+     * Represents single page inside the PDF document, or a subset of them if
+     * using the wrapping feature. A <Document /> can contain as many pages as
+     * you want, but ensure not rendering a page inside any component besides
+     * Document.
+     */
+    class Page extends React.Component<PageProps> { }
+
+    interface ViewProps extends NodeProps {
       /**
-       * A React component for displaying an hyperlink. Link’s can be nested
-       * inside a Text component, or being inside any other valid primitive.
+       * Enable/disable page wrapping for element.
+       * @see https://react-pdf.org/components#page-wrapping
        */
-      class Link extends React.Component<LinkProps> {}
-  
-      interface NoteProps extends NodeProps {
-        children: string;
-      }
-  
-      class Note extends React.Component<NoteProps> {}
-  
-      interface BlobProviderParams {
-        blob: Blob | null;
-        url: string | null;
-        loading: boolean;
-        error: Error | null;
-      }
-      interface BlobProviderProps {
-        document: React.ReactElement<DocumentProps>;
-        children: (params: BlobProviderParams) => React.ReactNode;
-      }
-  
+      wrap?: boolean;
+      debug?: boolean;
+      render?: (props: { pageNumber: number }) => React.ReactNode;
+      children?: React.ReactNode;
+    }
+
+    /**
+     * The most fundamental component for building a UI and is designed to be
+     * nested inside other views and can have 0 to many children.
+     */
+    class View extends React.Component<ViewProps> { }
+
+    interface ImageProps extends NodeProps {
+      debug?: boolean;
+      src: string | { data: Buffer; format: 'png' | 'jpg' };
+      cache?: boolean;
+    }
+
+    /**
+     * A React component for displaying network or local (Node only) JPG or
+     * PNG images, as well as base64 encoded image strings.
+     */
+    class Image extends React.Component<ImageProps> { }
+
+    interface TextProps extends NodeProps {
       /**
-       * Easy and declarative way of getting document's blob data without
-       * showing it on screen.
-       * @see https://react-pdf.org/advanced#on-the-fly-rendering
-       * @platform web
+       * Enable/disable page wrapping for element.
+       * @see https://react-pdf.org/components#page-wrapping
        */
-      class BlobProvider extends React.Component<BlobProviderProps> {}
-  
-      interface PDFViewerProps {
-        width?: number;
-        height?: number;
-        style?: Style | Style[];
-        className?: string;
-        children?: React.ReactElement<DocumentProps>;
-      }
-  
+      wrap?: boolean;
+      debug?: boolean;
+      render?: (
+        props: { pageNumber: number; totalPages: number },
+      ) => React.ReactNode;
+      children?: React.ReactNode;
       /**
-       * Iframe PDF viewer for client-side generated documents.
-       * @platform web
+       * How much hyphenated breaks should be avoided.
        */
-      class PDFViewer extends React.Component<PDFViewerProps> {}
-  
-      interface PDFDownloadLinkProps {
-        document: React.ReactElement<DocumentProps>;
-        fileName?: string;
-        style?: Style | Style[];
-        className?: string;
-        children?:
-          | React.ReactNode
-          | ((params: BlobProviderParams) => React.ReactNode);
-      }
-  
+      hyphenationCallback?: number;
+    }
+
+    /**
+     * A React component for displaying text. Text supports nesting of other
+     * Text or Link components to create inline styling.
+     */
+    class Text extends React.Component<TextProps> { }
+
+    interface LinkProps extends NodeProps {
       /**
-       * Anchor tag to enable generate and download PDF documents on the fly.
-       * @see https://react-pdf.org/advanced#on-the-fly-rendering
-       * @platform web
+       * Enable/disable page wrapping for element.
+       * @see https://react-pdf.org/components#page-wrapping
        */
-      class PDFDownloadLink extends React.Component<PDFDownloadLinkProps> {}
-  
-      interface EmojiSource {
-        url: string;
-        format: string;
-      }
-      interface RegisteredFont {
-        src: string;
-        loaded: boolean;
-        loading: boolean;
-        data: any;
-        [key: string]: any;
-      }
-      type HyphenationCallback = (
-        words: string[],
-        glyphString: {[key: string]: any},
-      ) => string[];
-  
-      const Font: {
-        register: (
-          src: string,
-          options: {family: string; [key: string]: any},
-        ) => void;
-        getEmojiSource: () => EmojiSource;
-        getRegisteredFonts: () => string[];
-        registerEmojiSource: (emojiSource: EmojiSource) => void;
-        registerHyphenationCallback: (
-          hyphenationCallback: HyphenationCallback,
-        ) => void;
-        getHyphenationCallback: () => HyphenationCallback;
-        getFont: (fontFamily: string) => RegisteredFont | undefined;
-        load: (
-          fontFamily: string,
-          document: React.ReactElement<DocumentProps>,
-        ) => Promise<void>;
-        clear: () => void;
-        reset: () => void;
-      };
-  
-      const StyleSheet: {
-        hairlineWidth: number;
-        create: <TStyles>(styles: TStyles) => TStyles;
-        resolve: (
-          style: Style,
-          container: {
-            width: number;
-            height: number;
-            orientation: Orientation;
-          },
-        ) => Style;
-        flatten: (...styles: Style[]) => Style;
-        absoluteFillObject: {
-          position: 'absolute';
-          left: 0;
-          right: 0;
-          top: 0;
-          bottom: 0;
-        };
-      };
-  
-      const version: any;
-  
-      const PDFRenderer: any;
-  
-      const createInstance: (
-        element: {
-          type: string;
-          props: {[key: string]: any};
-        },
-        root?: any,
-      ) => any;
-  
-      const pdf: (
+      wrap?: boolean;
+      debug?: boolean;
+      src: string;
+      children?: React.ReactNode;
+    }
+
+    /**
+     * A React component for displaying an hyperlink. Link’s can be nested
+     * inside a Text component, or being inside any other valid primitive.
+     */
+    class Link extends React.Component<LinkProps> { }
+
+    interface NoteProps extends NodeProps {
+      children: string;
+    }
+
+    class Note extends React.Component<NoteProps> { }
+
+    interface BlobProviderParams {
+      blob: Blob | null;
+      url: string | null;
+      loading: boolean;
+      error: Error | null;
+    }
+    interface BlobProviderProps {
+      document: React.ReactElement<DocumentProps>;
+      children: (params: BlobProviderParams) => React.ReactNode;
+    }
+
+    /**
+     * Easy and declarative way of getting document's blob data without
+     * showing it on screen.
+     * @see https://react-pdf.org/advanced#on-the-fly-rendering
+     * @platform web
+     */
+    class BlobProvider extends React.Component<BlobProviderProps> { }
+
+    interface PDFViewerProps {
+      width?: number;
+      height?: number;
+      style?: Style | Style[];
+      className?: string;
+      children?: React.ReactElement<DocumentProps>;
+    }
+
+    /**
+     * Iframe PDF viewer for client-side generated documents.
+     * @platform web
+     */
+    class PDFViewer extends React.Component<PDFViewerProps> { }
+
+    interface PDFDownloadLinkProps {
+      document: React.ReactElement<DocumentProps>;
+      fileName?: string;
+      style?: Style | Style[];
+      className?: string;
+      children?:
+      | React.ReactNode
+      | ((params: BlobProviderParams) => React.ReactNode);
+    }
+
+    /**
+     * Anchor tag to enable generate and download PDF documents on the fly.
+     * @see https://react-pdf.org/advanced#on-the-fly-rendering
+     * @platform web
+     */
+    class PDFDownloadLink extends React.Component<PDFDownloadLinkProps> { }
+
+    interface EmojiSource {
+      url: string;
+      format: string;
+    }
+    interface RegisteredFont {
+      src: string;
+      loaded: boolean;
+      loading: boolean;
+      data: any;
+      [key: string]: any;
+    }
+    type HyphenationCallback = (
+      words: string[],
+      glyphString: { [key: string]: any },
+    ) => string[];
+
+    const Font: {
+      register: (
+        src: string,
+        options: { family: string;[key: string]: any },
+      ) => void;
+      getEmojiSource: () => EmojiSource;
+      getRegisteredFonts: () => string[];
+      registerEmojiSource: (emojiSource: EmojiSource) => void;
+      registerHyphenationCallback: (
+        hyphenationCallback: HyphenationCallback,
+      ) => void;
+      getHyphenationCallback: () => HyphenationCallback;
+      getFont: (fontFamily: string) => RegisteredFont | undefined;
+      load: (
+        fontFamily: string,
         document: React.ReactElement<DocumentProps>,
-      ) => {
-        isDirty: () => boolean;
-        updateContainer: (document: React.ReactElement<any>) => void;
-        toBuffer: () => NodeJS.ReadableStream;
-        toBlob: () => Blob;
-        toString: () => string;
+      ) => Promise<void>;
+      clear: () => void;
+      reset: () => void;
+    };
+
+    const StyleSheet: {
+      hairlineWidth: number;
+      create: <TStyles>(styles: TStyles) => TStyles;
+      resolve: (
+        style: Style,
+        container: {
+          width: number;
+          height: number;
+          orientation: Orientation;
+        },
+      ) => Style;
+      flatten: (...styles: Style[]) => Style;
+      absoluteFillObject: {
+        position: 'absolute';
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
       };
-  
-      const renderToStream: (
-        document: React.ReactElement<DocumentProps>,
-      ) => NodeJS.ReadableStream;
-  
-      const renderToFile: (
-        document: React.ReactElement<DocumentProps>,
-        filePath: string,
-        callback?: (output: NodeJS.ReadableStream, filePath: string) => any,
-      ) => Promise<NodeJS.ReadableStream>;
-  
-      const render: typeof renderToFile;
-    }
-  
-    const Document: typeof ReactPDF.Document;
-    const Page: typeof ReactPDF.Page;
-    const View: typeof ReactPDF.View;
-    const Image: typeof ReactPDF.Image;
-    const Text: typeof ReactPDF.Text;
-    const Link: typeof ReactPDF.Link;
-    const Note: typeof ReactPDF.Note;
-    const Font: typeof ReactPDF.Font;
-    const StyleSheet: typeof ReactPDF.StyleSheet;
-    const createInstance: typeof ReactPDF.createInstance;
-    const PDFRenderer: typeof ReactPDF.PDFRenderer;
-    const version: typeof ReactPDF.version;
-    const pdf: typeof ReactPDF.pdf;
-  
-    export default ReactPDF;
-    export {
-      Document,
-      Page,
-      View,
-      Image,
-      Text,
-      Link,
-      Note,
-      Font,
-      StyleSheet,
-      createInstance,
-      PDFRenderer,
-      version,
-      pdf,
     };
-  }
\ No newline at end of file
+
+    const version: any;
+
+    const PDFRenderer: any;
+
+    const createInstance: (
+      element: {
+        type: string;
+        props: { [key: string]: any };
+      },
+      root?: any,
+    ) => any;
+
+    const pdf: (
+      document: React.ReactElement<DocumentProps>,
+    ) => {
+      isDirty: () => boolean;
+      updateContainer: (document: React.ReactElement<any>) => void;
+      toBuffer: () => NodeJS.ReadableStream;
+      toBlob: () => Blob;
+      toString: () => string;
+    };
+
+    const renderToStream: (
+      document: React.ReactElement<DocumentProps>,
+    ) => NodeJS.ReadableStream;
+
+    const renderToFile: (
+      document: React.ReactElement<DocumentProps>,
+      filePath: string,
+      callback?: (output: NodeJS.ReadableStream, filePath: string) => any,
+    ) => Promise<NodeJS.ReadableStream>;
+
+    const render: typeof renderToFile;
+  }
+
+  const Document: typeof ReactPDF.Document;
+  const Page: typeof ReactPDF.Page;
+  const View: typeof ReactPDF.View;
+  const Image: typeof ReactPDF.Image;
+  const Text: typeof ReactPDF.Text;
+  const Link: typeof ReactPDF.Link;
+  const Note: typeof ReactPDF.Note;
+  const Font: typeof ReactPDF.Font;
+  const StyleSheet: typeof ReactPDF.StyleSheet;
+  const createInstance: typeof ReactPDF.createInstance;
+  const PDFRenderer: typeof ReactPDF.PDFRenderer;
+  const version: typeof ReactPDF.version;
+  const pdf: typeof ReactPDF.pdf;
+
+  export default ReactPDF;
+  export {
+    Document,
+    Page,
+    View,
+    Image,
+    Text,
+    Link,
+    Note,
+    Font,
+    StyleSheet,
+    createInstance,
+    PDFRenderer,
+    version,
+    pdf,
+  };
+}
\ No newline at end of file