diff --git a/types/react-image-crop/index.d.ts b/types/react-image-crop/index.d.ts index 7f3637d093..9cb750dbd2 100644 --- a/types/react-image-crop/index.d.ts +++ b/types/react-image-crop/index.d.ts @@ -1,6 +1,7 @@ -// Type definitions for react-image-crop 3.0 +// Type definitions for react-image-crop 6.0 // Project: https://github.com/DominicTobias/react-image-crop // Definitions by: Daniela Yassuda +// Elias Chaaya // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped // TypeScript Version: 2.8 @@ -35,14 +36,17 @@ declare namespace ReactCrop { keepSelection?: boolean; onChange: (crop: Crop, pixelCrop: PixelCrop) => void; onComplete?: (crop: Crop, pixelCrop: PixelCrop) => void; - onImageLoaded?: (target: HTMLImageElement) => void; + onImageLoaded?: (target: HTMLImageElement, pixelCrop: PixelCrop) => void; onDragStart?: () => void; onDragEnd?: () => void; disabled?: boolean; - crossorigin?: string; + crossorigin?: 'anonymous' | 'use-credentials'; children?: ReactNode; style?: CSSProperties; imageStyle?: CSSProperties; + onImageError?: (event: React.SyntheticEvent) => void; + className?: string; + locked?: boolean; } function getPixelCrop(image: HTMLImageElement, percentCrop: Crop): Crop; diff --git a/types/react-image-crop/test/react-image-crop-global-tests.ts b/types/react-image-crop/test/react-image-crop-global-tests.ts index 1ba4759420..cec99abf95 100644 --- a/types/react-image-crop/test/react-image-crop-global-tests.ts +++ b/types/react-image-crop/test/react-image-crop-global-tests.ts @@ -85,6 +85,10 @@ class CompleteTest extends React.Component<{}, TestState> { }); } + onImageError = (event: React.SyntheticEvent) => { + console.warn('Error loading image'); + } + render() { return React.createElement( ReactCrop, @@ -104,6 +108,9 @@ class CompleteTest extends React.Component<{}, TestState> { onDragStart: () => console.log('Drag start'), onDragEnd: () => console.log('Drag end'), crossorigin: 'anonymous', + onImageError: this.onImageError, + className: 'my-cropper', + locked: false }, ); } 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 7bd696bf32..a92371dc8a 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 @@ -81,6 +81,10 @@ class CompleteTest extends React.Component<{}, TestState> { }); } + onImageError = (event: React.SyntheticEvent) => { + console.warn('Error loading image'); + } + render() { return ( { onDragStart={() => console.log('Drag start')} onDragEnd={() => console.log('Drag end')} crossorigin="anonymous" + onImageError={this.onImageError} + className="my-cropper" + locked={false} /> ); }