9.0.2

This is a technical bug fix release to changes related to converting to Typescript. Versions 9.0.0 + 9.0.1 are deprecated.

9.0.1

This fixes the default export. Note there were more fixes to make so use 9.0.2.

9.0.0

Note that you should use 9.0.2 (9.0.0 + 9.0.1 are deprecated due to some issues)

The library is now written in Typescript and comes with two breaking changes:

1. You should remove @types/react-image-crop as the library is now self-documenting.
2. If you were importing the .scss file, the path is now src/ReactCrop.scss instead of lib/ReactCrop.scss.

There are also two new props:

• scale: For zooming the image in and out. Defaults to 1. Combine with react-zoom-pan-pinch if you want pinch and scroll zooming.
• rotate: For rotating the image between -180 to 180. Defaults to 0.

8.6.12

• Fix dragging of crop on touch devices in React 17+ (regression) #405

You can ignore 8.6.11, it does no harm but doesn't fix the issue.

8.6.10

⚠️ Edit: This is a breaking change for some SASS users of ReactCrop.scss ⚠️
Apologies this should have been a breaking change. ReactCrop.scss is now compatible with https://www.npmjs.com/package/sass only, not with the deprecated packages node-sass or dart-sass which was done in the process of fixing deprecation warnings for #426
Alternatively if you aren't changing any SCSS variables you can import ReactCrop.css instead.

• Fixed "Minimum height/width not respected on mobile if user "taps" the image" #425
• Fixed deprecation warning when using new sass library #426
• Fixed scrolling window when dragging to move/resize crop on touch.
• Some internal changes to simplify/reduce some code.
• Removed support for proprietary IE .setActive function instead of .focus (IE support was dropped and not working properly for a while anyway).
• Switch to using pointer events instead of touch + mouse.

8.6.9

• Fix for touchmove event warnings on mobile #419

8.6.8

• Accidentally didn't publish /lib folder to NPM in 8.6.7 meaning that if you were importing the .scss file it would've broken. #418

8.6.7

• PR #417: Fix events so that they don't produce warnings in React 17 and potentially infinite loops in modals

8.6.6

• Allow keyboard nudging in diagonal directions #388
• Don't render selection addon if the crop is invalid #384

8.6.5

This release address three accessibility issues:

• Removes the tabIndex on the crop selection div in favor of the tabIndex on the root div. Apps can style the focus border as needed to provide a visual indicator that the cropper is selected.
• Increases the nudge step to 1px and the large nudge step to 10px to match better with other crop experiences.
• Renames nudgeStepLarge to nudgeStepMedium to allow adding a new variable for nudging with the cmd/ctrl key. When using the cmd/ctrl key nudge it will move the crop selection by 100px. This handles the keybindings based on the current platform so if mac is detected the cmd key will be used otherwise the ctrl key will be used.

Credits to @mskelton