diff --git a/package.json b/package.json index cb858bb..7f24718 100644 --- a/package.json +++ b/package.json @@ -51,9 +51,9 @@ "tslib": "2.0.1" }, "devDependencies": { - "@auto-it/all-contributors": "^10.42.0", - "@auto-it/first-time-contributor": "^10.42.0", - "@auto-it/released": "^10.42.0", + "@auto-it/all-contributors": "11.1.2", + "@auto-it/first-time-contributor": "11.1.2", + "@auto-it/released": "11.1.2", "@percy/cli": "^1.0.0-beta.71", "@percy/cypress": "^3.1.1", "@types/jest": "^29.4.0", @@ -63,7 +63,7 @@ "@typescript-eslint/eslint-plugin": "^5.51.0", "@typescript-eslint/parser": "^5.51.0", "all-contributors-cli": "^6.4.0", - "auto": "^10.42.0", + "auto": "11.1.2", "bili": "^5.0.5", "cypress": "^5.2.0", "eslint": "^8.34.0", diff --git a/src/Cropper.tsx b/src/Cropper.tsx index d1b027e..8012515 100644 --- a/src/Cropper.tsx +++ b/src/Cropper.tsx @@ -1,4 +1,4 @@ -import React from 'react' +import * as React from 'react' import normalizeWheel from 'normalize-wheel' import { Area, MediaSize, Point, Size, VideoSrc } from './types' import { @@ -122,7 +122,7 @@ class Cropper extends React.Component { state: State = { cropSize: null, hasWheelJustStarted: false, - mediaObjectFit: undefined + mediaObjectFit: undefined, } componentDidMount() { @@ -145,7 +145,7 @@ class Cropper extends React.Component { this.containerRef.addEventListener('gesturestart', this.onGestureStart as EventListener) } - this.currentDoc.addEventListener('scroll', this.onScroll); + this.currentDoc.addEventListener('scroll', this.onScroll) if (!this.props.disableAutomaticStylesInjection) { this.styleRef = this.currentDoc.createElement('style') @@ -170,7 +170,6 @@ class Cropper extends React.Component { if (this.props.setVideoRef) { this.props.setVideoRef(this.videoRef) } - } componentWillUnmount() { @@ -221,9 +220,9 @@ class Cropper extends React.Component { this.videoRef.current?.load() } - const objectFit = this.getObjectFit(); + const objectFit = this.getObjectFit() if (objectFit !== this.state.mediaObjectFit) { - this.setState({mediaObjectFit: objectFit}, this.computeSizes) + this.setState({ mediaObjectFit: objectFit }, this.computeSizes) } } @@ -253,7 +252,7 @@ class Cropper extends React.Component { this.currentDoc.removeEventListener('touchend', this.onDragStopped) this.currentDoc.removeEventListener('gesturemove', this.onGestureMove as EventListener) this.currentDoc.removeEventListener('gestureend', this.onGestureEnd as EventListener) - this.currentDoc.removeEventListener('scroll', this.onScroll); + this.currentDoc.removeEventListener('scroll', this.onScroll) } clearScrollEvent = () => { @@ -472,7 +471,7 @@ class Cropper extends React.Component { this.currentDoc.addEventListener('touchmove', this.onTouchMove, { passive: false }) // iOS 11 now defaults to passive: true this.currentDoc.addEventListener('touchend', this.onDragStopped) - + this.saveContainerPosition() if (e.touches.length === 2) { @@ -743,7 +742,7 @@ class Cropper extends React.Component { classes: { containerClassName, cropAreaClassName, mediaClassName }, } = this.props - const objectFit = this.state.mediaObjectFit; + const objectFit = this.state.mediaObjectFit return (