Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-cropper

Package Overview
Dependencies
Maintainers
1
Versions
52
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-cropper - npm Package Compare versions

Comparing version 0.10.1 to 0.12.0

136

dist/react-cropper.js

@@ -15,2 +15,6 @@ 'use strict';

var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _reactDom = require('react-dom');

@@ -292,40 +296,40 @@

ReactCropper.propTypes = {
style: _react.PropTypes.object,
className: _react.PropTypes.string,
style: _propTypes2.default.object,
className: _propTypes2.default.string,
// react cropper options
crossOrigin: _react.PropTypes.string,
src: _react.PropTypes.string,
alt: _react.PropTypes.string,
crossOrigin: _propTypes2.default.string,
src: _propTypes2.default.string,
alt: _propTypes2.default.string,
// props of option can be changed after componentDidmount
aspectRatio: _react.PropTypes.number,
dragMode: _react.PropTypes.oneOf(['crop', 'move', 'none']),
data: _react.PropTypes.shape({
x: _react.PropTypes.number,
y: _react.PropTypes.number,
width: _react.PropTypes.number,
height: _react.PropTypes.number,
rotate: _react.PropTypes.number,
scaleX: _react.PropTypes.number,
scaleY: _react.PropTypes.number
aspectRatio: _propTypes2.default.number,
dragMode: _propTypes2.default.oneOf(['crop', 'move', 'none']),
data: _propTypes2.default.shape({
x: _propTypes2.default.number,
y: _propTypes2.default.number,
width: _propTypes2.default.number,
height: _propTypes2.default.number,
rotate: _propTypes2.default.number,
scaleX: _propTypes2.default.number,
scaleY: _propTypes2.default.number
}),
scaleX: _react.PropTypes.number,
scaleY: _react.PropTypes.number,
enable: _react.PropTypes.bool,
cropBoxData: _react.PropTypes.shape({
left: _react.PropTypes.number,
top: _react.PropTypes.number,
width: _react.PropTypes.number,
hegiht: _react.PropTypes.number
scaleX: _propTypes2.default.number,
scaleY: _propTypes2.default.number,
enable: _propTypes2.default.bool,
cropBoxData: _propTypes2.default.shape({
left: _propTypes2.default.number,
top: _propTypes2.default.number,
width: _propTypes2.default.number,
hegiht: _propTypes2.default.number
}),
canvasData: _react.PropTypes.shape({
left: _react.PropTypes.number,
top: _react.PropTypes.number,
width: _react.PropTypes.number,
hegiht: _react.PropTypes.number
canvasData: _propTypes2.default.shape({
left: _propTypes2.default.number,
top: _propTypes2.default.number,
width: _propTypes2.default.number,
hegiht: _propTypes2.default.number
}),
zoomTo: _react.PropTypes.number,
moveTo: _react.PropTypes.arrayOf(_react.PropTypes.number),
rotateTo: _react.PropTypes.number,
zoomTo: _propTypes2.default.number,
moveTo: _propTypes2.default.arrayOf(_propTypes2.default.number),
rotateTo: _propTypes2.default.number,

@@ -335,37 +339,37 @@ // cropperjs options

// aspectRatio, dragMode, data
viewMode: _react.PropTypes.oneOf([0, 1, 2, 3]),
preview: _react.PropTypes.string,
responsive: _react.PropTypes.bool,
restore: _react.PropTypes.bool,
checkCrossOrigin: _react.PropTypes.bool,
checkOrientation: _react.PropTypes.bool,
modal: _react.PropTypes.bool,
guides: _react.PropTypes.bool,
center: _react.PropTypes.bool,
highlight: _react.PropTypes.bool,
background: _react.PropTypes.bool,
autoCrop: _react.PropTypes.bool,
autoCropArea: _react.PropTypes.number,
movable: _react.PropTypes.bool,
rotatable: _react.PropTypes.bool,
scalable: _react.PropTypes.bool,
zoomable: _react.PropTypes.bool,
zoomOnTouch: _react.PropTypes.bool,
zoomOnWheel: _react.PropTypes.bool,
wheelZoomRation: _react.PropTypes.number,
cropBoxMovable: _react.PropTypes.bool,
cropBoxResizable: _react.PropTypes.bool,
toggleDragModeOnDblclick: _react.PropTypes.bool,
minContainerWidth: _react.PropTypes.number,
minContainerHeight: _react.PropTypes.number,
minCanvasWidth: _react.PropTypes.number,
minCanvasHeight: _react.PropTypes.number,
minCropBoxWidth: _react.PropTypes.number,
minCropBoxHeight: _react.PropTypes.number,
ready: _react.PropTypes.func,
cropstart: _react.PropTypes.func,
cropmove: _react.PropTypes.func,
cropend: _react.PropTypes.func,
crop: _react.PropTypes.func,
zoom: _react.PropTypes.func
viewMode: _propTypes2.default.oneOf([0, 1, 2, 3]),
preview: _propTypes2.default.string,
responsive: _propTypes2.default.bool,
restore: _propTypes2.default.bool,
checkCrossOrigin: _propTypes2.default.bool,
checkOrientation: _propTypes2.default.bool,
modal: _propTypes2.default.bool,
guides: _propTypes2.default.bool,
center: _propTypes2.default.bool,
highlight: _propTypes2.default.bool,
background: _propTypes2.default.bool,
autoCrop: _propTypes2.default.bool,
autoCropArea: _propTypes2.default.number,
movable: _propTypes2.default.bool,
rotatable: _propTypes2.default.bool,
scalable: _propTypes2.default.bool,
zoomable: _propTypes2.default.bool,
zoomOnTouch: _propTypes2.default.bool,
zoomOnWheel: _propTypes2.default.bool,
wheelZoomRation: _propTypes2.default.number,
cropBoxMovable: _propTypes2.default.bool,
cropBoxResizable: _propTypes2.default.bool,
toggleDragModeOnDblclick: _propTypes2.default.bool,
minContainerWidth: _propTypes2.default.number,
minContainerHeight: _propTypes2.default.number,
minCanvasWidth: _propTypes2.default.number,
minCanvasHeight: _propTypes2.default.number,
minCropBoxWidth: _propTypes2.default.number,
minCropBoxHeight: _propTypes2.default.number,
ready: _propTypes2.default.func,
cropstart: _propTypes2.default.func,
cropmove: _propTypes2.default.func,
cropend: _propTypes2.default.func,
crop: _propTypes2.default.func,
zoom: _propTypes2.default.func
};

@@ -372,0 +376,0 @@

{
"name": "react-cropper",
"version": "0.10.1",
"version": "0.12.0",
"description": "Cropper as React components",

@@ -33,3 +33,4 @@ "main": "dist/react-cropper.js",

"dependencies": {
"cropperjs": "^0.8.0"
"cropperjs": "^0.8.0",
"prop-types": "^15.5.8"
},

@@ -36,0 +37,0 @@ "peerDependencies": {

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc