DefinitelyTyped/types/react-easy-crop/index.d.ts

// Type definitions for react-easy-crop 1.13
// Project: https://github.com/ricardo-ch/react-easy-crop
// Definitions by: Simon Donoghue <https://github.com/smdonoghue>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.8

import { CSSProperties, Component } from "react";

export interface Size {
    width: number;
    height: number;
}

export interface Location {
    x: number;
    y: number;
}

export interface Area {
    width: number;
    height: number;
    x: number;
    y: number;
}

export interface CropperProps {
    image: string;
    crop: Location;
    zoom?: number;
    aspect?: number;
    minZoom?: number;
    maxZoom?: number;
    cropShape?: "rect" | "round";
    cropSize?: Size;
    showGrid?: boolean;
    zoomSpeed?: number;
    crossOrigin?: string;
    onCropChange: (location: Location) => void;
    onZoomChange?: (zoom: number) => void;
    onCropComplete?: (croppedArea: Area, croppedAreaPixels: Area) => void;
    onImgError?: () => void;
    style?: {
        containerStyle: React.CSSProperties,
        imageStyle: React.CSSProperties,
        cropAreaStyle: React.CSSProperties
    };
    classes?: {
        containerClassName: string,
        imageClassName: string,
        cropAreaClassName: string
    };
    restrictPosition?: boolean;
    initialCroppedAreaPixels?: Area;
}

declare class Cropper extends Component<CropperProps> {}

export default Cropper;