diff --git a/84472.f56df464.async.js b/72704.55ec7f05.async.js
similarity index 99%
rename from 84472.f56df464.async.js
rename to 72704.55ec7f05.async.js
index 740991d5a6..487390d687 100644
--- a/84472.f56df464.async.js
+++ b/72704.55ec7f05.async.js
@@ -1,4 +1,4 @@
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[84472],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[72704],{
/***/ 16180:
/*!******************************************************************************************************!*\
@@ -46,7 +46,7 @@ if (false) {}
/***/ }),
-/***/ 65102:
+/***/ 60934:
/*!*************************************************************************************************!*\
!*** ./node_modules/_antd-img-crop@4.24.0@antd-img-crop/dist/antd-img-crop.esm.js + 19 modules ***!
\*************************************************************************************************/
@@ -2174,7 +2174,7 @@ if (false) {}
// EXTERNAL MODULE: ./node_modules/_normalize-wheel@1.0.1@normalize-wheel/index.js
var _normalize_wheel_1_0_1_normalize_wheel = __webpack_require__(23841);
var _normalize_wheel_1_0_1_normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(_normalize_wheel_1_0_1_normalize_wheel);
-;// CONCATENATED MODULE: ./node_modules/_react-easy-crop@5.2.0@react-easy-crop/index.module.js
+;// CONCATENATED MODULE: ./node_modules/_react-easy-crop@5.4.1@react-easy-crop/index.module.js
@@ -2388,6 +2388,7 @@ var Cropper = /** @class */function (_super) {
__extends(Cropper, _super);
function Cropper() {
var _this = _super !== null && _super.apply(this, arguments) || this;
+ _this.cropperRef = _react_17_0_2_react.createRef();
_this.imageRef = _react_17_0_2_react.createRef();
_this.videoRef = _react_17_0_2_react.createRef();
_this.containerPosition = {
@@ -2779,12 +2780,13 @@ var Cropper = /** @class */function (_super) {
_this.emitCropData();
};
_this.onKeyDown = function (event) {
- var _a = _this.props,
- crop = _a.crop,
- onCropChange = _a.onCropChange,
- keyboardStep = _a.keyboardStep,
- zoom = _a.zoom,
- rotation = _a.rotation;
+ var _a, _b;
+ var _c = _this.props,
+ crop = _c.crop,
+ onCropChange = _c.onCropChange,
+ keyboardStep = _c.keyboardStep,
+ zoom = _c.zoom,
+ rotation = _c.rotation;
var step = keyboardStep;
if (!_this.state.cropSize) return;
// if the shift key is pressed, reduce the step to allow finer control
@@ -2815,8 +2817,26 @@ var Cropper = /** @class */function (_super) {
if (_this.props.restrictPosition) {
newCrop = restrictPosition(newCrop, _this.mediaSize, _this.state.cropSize, zoom, rotation);
}
+ if (!event.repeat) {
+ (_b = (_a = _this.props).onInteractionStart) === null || _b === void 0 ? void 0 : _b.call(_a);
+ }
onCropChange(newCrop);
};
+ _this.onKeyUp = function (event) {
+ var _a, _b;
+ switch (event.key) {
+ case 'ArrowUp':
+ case 'ArrowDown':
+ case 'ArrowLeft':
+ case 'ArrowRight':
+ event.preventDefault();
+ break;
+ default:
+ return;
+ }
+ _this.emitCropData();
+ (_b = (_a = _this.props).onInteractionEnd) === null || _b === void 0 ? void 0 : _b.call(_a);
+ };
return _this;
}
Cropper.prototype.componentDidMount = function () {
@@ -2859,6 +2879,9 @@ var Cropper = /** @class */function (_super) {
if (this.props.setVideoRef) {
this.props.setVideoRef(this.videoRef);
}
+ if (this.props.setCropperRef) {
+ this.props.setCropperRef(this.cropperRef);
+ }
};
Cropper.prototype.componentWillUnmount = function () {
var _a, _b;
@@ -2967,6 +2990,7 @@ var Cropper = /** @class */function (_super) {
image = _b.image,
video = _b.video,
mediaProps = _b.mediaProps,
+ cropperProps = _b.cropperProps,
transform = _b.transform,
_c = _b.crop,
x = _c.x,
@@ -3022,16 +3046,18 @@ var Cropper = /** @class */function (_super) {
return _react_17_0_2_react.createElement("source", __assign({
key: item.src
}, item));
- })), this.state.cropSize && _react_17_0_2_react.createElement("div", {
+ })), this.state.cropSize && _react_17_0_2_react.createElement("div", __assign({
+ ref: this.cropperRef,
style: __assign(__assign({}, cropAreaStyle), {
width: this.state.cropSize.width,
height: this.state.cropSize.height
}),
tabIndex: 0,
onKeyDown: this.onKeyDown,
+ onKeyUp: this.onKeyUp,
"data-testid": "cropper",
className: classNames('reactEasyCrop_CropArea', cropShape === 'round' && 'reactEasyCrop_CropAreaRound', showGrid && 'reactEasyCrop_CropAreaGrid', cropAreaClassName)
- }));
+ }, cropperProps)));
};
Cropper.defaultProps = {
zoom: 1,
@@ -3045,6 +3071,7 @@ var Cropper = /** @class */function (_super) {
style: {},
classes: {},
mediaProps: {},
+ cropperProps: {},
zoomSpeed: 1,
restrictPosition: true,
zoomWithScroll: true,
diff --git a/index.html b/index.html
index 7df3802124..8c0af01813 100644
--- a/index.html
+++ b/index.html
@@ -27,7 +27,7 @@
display: block !important;
}
-
+