From e3ea65c572fcb9aa5a17e8a234e3d116bcda4eba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B8ren=20Englund?= <S_englund0110@hotmail.com>
Date: Wed, 3 Jul 2019 17:41:43 +0200
Subject: [PATCH] Added renderComponent to props (#36600)

Updating tests

Removed onChange from test class

Updated version to 8.1
---
 types/react-image-crop/index.d.ts             |  3 ++-
 .../test/react-image-crop-module-tests.tsx    | 20 +++++++++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/types/react-image-crop/index.d.ts b/types/react-image-crop/index.d.ts
index 57d97f1e2d..ed84c96ed1 100644
--- a/types/react-image-crop/index.d.ts
+++ b/types/react-image-crop/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for react-image-crop 8.0
+// Type definitions for react-image-crop 8.1
 // Project: https://github.com/DominicTobias/react-image-crop
 // Definitions by: Daniela Yassuda <https://github.com/danielasy>
 //                 Elias Chaaya <https://github.com/chaaya>
@@ -42,6 +42,7 @@ declare namespace ReactCrop {
         onImageError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
         className?: string;
         locked?: boolean;
+        renderComponent?: ReactNode;
         renderSelectionAddon?: (state: any) => ReactNode;
     }
 
diff --git a/types/react-image-crop/test/react-image-crop-module-tests.tsx b/types/react-image-crop/test/react-image-crop-module-tests.tsx
index d57b6d5159..688828e71f 100644
--- a/types/react-image-crop/test/react-image-crop-module-tests.tsx
+++ b/types/react-image-crop/test/react-image-crop-module-tests.tsx
@@ -61,6 +61,25 @@ class AspectRatioTest extends React.Component<{}, TestState> {
     }
 }
 
+// Testing renderComponent
+class RenderComponentTest extends React.Component {
+    render() {
+        const videoComponent = (
+            <video autoPlay loop style={{ display: 'block', maxWidth: '100%' }}>
+                <source src="sample.mp4" type="video/mp4" />
+            </video>
+        );
+
+        return (
+            <ReactCrop
+                src="imageSrc"
+                onChange={(crop) => console.log(crop)}
+                renderComponent={videoComponent}
+            />
+        );
+    }
+}
+
 // All available props
 class CompleteTest extends React.Component<{}, TestState> {
     state = initialState;
@@ -110,6 +129,7 @@ class CompleteTest extends React.Component<{}, TestState> {
                 onImageError={this.onImageError}
                 className="my-cropper"
                 locked={false}
+                renderComponent={<div></div>}
             />
         );
     }