From 6c68ba64478bdfbe6a5a60751e37ada26d4f3ea9 Mon Sep 17 00:00:00 2001 From: Andy Date: Tue, 18 Apr 2017 08:08:44 -0700 Subject: [PATCH] react-cropper: Don't duplicate cropper definition (#15951) --- types/react-cropper/index.d.ts | 139 +------------------------------- types/react-cropper/tslint.json | 1 + 2 files changed, 4 insertions(+), 136 deletions(-) create mode 100644 types/react-cropper/tslint.json diff --git a/types/react-cropper/index.d.ts b/types/react-cropper/index.d.ts index aa29c6d4dc..a9c6ba5b24 100644 --- a/types/react-cropper/index.d.ts +++ b/types/react-cropper/index.d.ts @@ -1,12 +1,9 @@ -// Type definitions for react-cropper +// Type definitions for react-cropper 0.10 // Project: https://github.com/roadmanfong/react-cropper // Definitions by: Stepan Mikhaylyuk // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped // TypeScript Version: 2.1 -/// -/// - import cropperjs = require('cropperjs'); import React = require("react"); @@ -18,138 +15,8 @@ import CropBoxData = cropperjs.CropBoxData; import CroppedCanvasOptions = cropperjs.CroppedCanvasOptions; type ReactCropperProps = cropperjs.CropperOptions & React.HTMLProps; -declare class ReactCropper extends React.Component implements cropperjs { - - /** - * Show the crop box manually. - */ - crop(): void; - - /** - * Clear the crop box. - */ - reset(): void; - - /** - * Replace the image's src and rebuild the cropper. - * @param url A new image url - */ - replace(url: string): void; - - /** - * Enable (unfreeze) the cropper. - */ - enable(): void; - - /** - * Disable (freeze) the cropper - */ - disable(): void; - - /** - * Destroy the cropper and remove the instance from the image. - */ - destroy(): void; - - /** - * Move the canvas (image wrapper) with relative offsets. - * @param offsetX Moving size (px) in the horizontal direction. - * @param offsetY Moving size (px) in the vertical direction. - * If not present, its default value is offsetX. - */ - move(offsetX: number, offsetY?: number): void; - - /** - * Move the canvas (image wrapper) to an absolute point. - * @param x The left value of the canvas - * @param y The top value of the canvas - * If not present, its default value is x. - */ - moveTo(x: number, y?: number): void; - - /** - * Zoom the canvas (image wrapper) with a relative ratio. - * Zoom in: requires a positive number (ratio > 0) - * Zoom out: requires a negative number (ratio < 0) - */ - zoom(ratio: number): void; - - /** - * Rotate the canvas (image wrapper) with a relative degree. - * Rotate right: requires a positive number (degree > 0) - * Rotate left: requires a negative number (degree < 0) - */ - rotate(degree: number): void; - - /** - * Clear the crop box. - */ - clear(): void; - - /** - * Output the cropped area position and size data (base on the original image). - */ - getData(rounded?: boolean): Data; - - /** - * Change the cropped area position and size with new data (base on the original image). - */ - setData(data: Data): void; - - /** - * Output the container size data. - */ - getContainerData(): ContainerData; - - /** - * Output the image position, size and other related data. - */ - getImageData(): ImageData; - - /** - * Output the canvas (image wrapper) position and size data. - */ - getCanvasData(): CanvasData & { - /** - * the natural width of the canvas (read only) - */ - naturalWidth: number; - /** - * the natural height of the canvas (read only) - */ - naturalHeight: number; - }; - - /** - * Change the canvas (image wrapper) position and size with new data. - */ - setCanvasData(data: CanvasData): void; - - /** - * Output the crop box position and size data. - */ - getCropBoxData(): CropBoxData; - - /** - * Change the crop box position and size with new data. - */ - setCropBoxData(data: CropBoxData): void; - - /** - * Get a canvas drawn the cropped image. - */ - getCroppedCanvas(options?: CroppedCanvasOptions): HTMLCanvasElement; - - /** - * Change the aspect ratio of the crop box. - */ - setAspectRatio(aspectRatio: number): void; - - /** - * Change the drag mode. - */ - setDragMode(mode?: 'none' | 'crop' | 'move'): void; - +interface ReactCropper extends cropperjs {} // tslint:disable-line no-empty-interface +declare class ReactCropper extends React.Component { on(eventname: string, callback: () => void): void; } export default ReactCropper; diff --git a/types/react-cropper/tslint.json b/types/react-cropper/tslint.json new file mode 100644 index 0000000000..2750cc0197 --- /dev/null +++ b/types/react-cropper/tslint.json @@ -0,0 +1 @@ +{ "extends": "dtslint/dt.json" } \ No newline at end of file