react-cropper/src/utils.ts

Cropper as React Component

interface CropperImageOptions extends Cropper.Options<HTMLImageElement> {
    [key: string]: unknown;
}

type CropperKeys = keyof Cropper.Options;

const cropperProps: Array<CropperKeys> = [
    'aspectRatio',
    'autoCrop',
    'autoCropArea',
    'background',
    'center',
    'checkCrossOrigin',
    'checkOrientation',
    'cropBoxMovable',
    'cropBoxResizable',
    'data',
    'dragMode',
    'guides',
    'highlight',
    'initialAspectRatio',
    'minCanvasHeight',
    'minCanvasWidth',
    'minContainerHeight',
    'minContainerWidth',
    'minCropBoxHeight',
    'minCropBoxWidth',
    'modal',
    'movable',
    'preview',
    'responsive',
    'restore',
    'rotatable',
    'scalable',
    'toggleDragModeOnDblclick',
    'viewMode',
    'wheelZoomRatio',
    'zoomOnTouch',
    'zoomOnWheel',
    'zoomable',
    'cropstart',
    'cropmove',
    'cropend',
    'crop',
    'zoom',
    'ready',
];

export const cleanImageProps = (imageProps: CropperImageOptions) =>
    cropperProps.reduce((acc, key) => {
        const {[key]: _, ...rest} = acc;
        return rest;
    }, imageProps);