@dreamcommerce/aurora 3.1.7-1 → 3.1.7

package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js

@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var XhrImagePickerControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
   var url = _ref.url,
     label$1 = _ref.label,
     required = _ref.required,
@@ -61,11 +61,9 @@ var XhrImagePickerControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     errors: errors,
     onUploaded: onUploaded,
     onImageSizeUpdated: onImageSizeUpdated,
-    ImageEditor: ImageEditor,
-    ref: ref
+    ImageEditor: ImageEditor
   }), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText) : null);
-});
-XhrImagePickerControl.displayName = 'XhrImagePickerControl';
+};
 
 exports.XhrImagePickerControl = XhrImagePickerControl;
 //# sourceMappingURL=xhr_image_picker_control.js.map

package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.js

@@ -11,16 +11,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ImagePickerDragOverPlaceholder = function ImagePickerDragOverPlaceholder(_ref) {
-  var onDropFile = _ref.onDropFile;
+var ImagePickerDragOverPlaceholder = function ImagePickerDragOverPlaceholder() {
   var _useTranslation = useTranslation.useTranslation(),
     _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
     t = _useTranslation2[0];
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    onDrop: onDropFile,
-    className: cn.cn('aurora-absolute aurora-inset-0 aurora-bg-neutral-0 aurora-border-2 aurora-border-primary aurora-rounded-8 aurora-z-20 aurora-w-full aurora-h-full')
+    className: cn.cn('aurora-absolute aurora-inset-0 aurora-bg-neutral-0 aurora-border-2 aurora-border-primary aurora-rounded-8 aurora-z-20 aurora-pointer-events-none aurora-w-full aurora-h-full')
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-w-full aurora-h-full aurora-bg-primary-transparent aurora-flex aurora-items-center aurora-justify-center aurora-pointer-events-none"
+    className: "aurora-w-full aurora-h-full aurora-bg-primary-transparent aurora-flex aurora-items-center aurora-justify-center"
   }, /*#__PURE__*/React__default['default'].createElement("span", {
     className: "aurora-text-xs aurora-text-interactive"
   }, "".concat(t('Drop file here')))));

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_input.js

@@ -15,18 +15,22 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var ImagePickerInput = function ImagePickerInput(_ref) {
   var id = _ref.id,
+    onDropFile = _ref.onDropFile,
+    onDragOver = _ref.onDragOver,
+    onDragLeave = _ref.onDragLeave,
     allowedExtensionsLabel = _ref.allowedExtensionsLabel,
     allowedExtensions = _ref.allowedExtensions,
-    isDragOver = _ref.isDragOver,
-    onDropFile = _ref.onDropFile;
+    isDragOver = _ref.isDragOver;
   var _useTranslation = useTranslation.useTranslation(),
     _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
     t = _useTranslation2[0];
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+  return /*#__PURE__*/React__default['default'].createElement("label", {
+    htmlFor: id,
+    onDrop: onDropFile,
+    onDragOver: onDragOver,
+    onDragLeave: onDragLeave,
     className: "aurora-relative aurora-flex aurora-items-center aurora-justify-center aurora-w-full aurora-h-full aurora-cursor-pointer aurora-p-1 aurora-pb-2 aurora-group/imagePickerInput"
-  }, isDragOver && /*#__PURE__*/React__default['default'].createElement(image_picker_drag_over_placeholder.ImagePickerDragOverPlaceholder, {
-    onDropFile: onDropFile
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, isDragOver && /*#__PURE__*/React__default['default'].createElement(image_picker_drag_over_placeholder.ImagePickerDragOverPlaceholder, null), /*#__PURE__*/React__default['default'].createElement("div", {
     className: cn.cn('aurora-flex aurora-flex-col aurora-items-center aurora-w-full aurora-h-full aurora-pt-4 aurora-pb-3 aurora-px-1')
   }, /*#__PURE__*/React__default['default'].createElement(upload_icon.UploadLineIcon, {
     className: "aurora-w-5 aurora-h-5 aurora-fill-subtle group-hover/imagePickerInput:aurora-fill-primary aurora-mb-2"

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_input.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview_container.js

@@ -10,9 +10,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var ImagePickerPreviewContainer = function ImagePickerPreviewContainer(_ref) {
   var classname = _ref.classname,
-    children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: classname
+    children = _ref.children,
+    onDragLeave = _ref.onDragLeave,
+    onDragOver = _ref.onDragOver,
+    onDropFile = _ref.onDropFile;
+  return /*#__PURE__*/React__default['default'].createElement("label", {
+    className: classname,
+    onDragLeave: onDragLeave,
+    onDragOver: onDragOver,
+    onDrop: onDropFile
   }, children);
 };
 

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview_container.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js

@@ -21,7 +21,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ImagePicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
   var id = _ref.id,
     onChange = _ref.onChange,
     onError = _ref.onError,
@@ -119,25 +119,19 @@ var ImagePicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
   };
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-mb-1"
-  }, /*#__PURE__*/React__default['default'].createElement("button", {
-    className: cn.cn('aurora-block aurora-w-full aurora-rounded-8 aurora-relative hover:aurora-border-active focus-visible:aurora-border-active focus-visible:aurora-outline-none', {
-      'aurora-border aurora-border-dashed': !(errors && errors.length > 0 && !isDragOver),
-      'aurora-border-2 aurora-border-danger aurora-border-solid hover:aurora-border-danger focus-visible:aurora-border-danger': errors && errors.length > 0,
-      'aurora-border-transparent hover:aurora-border-transparent focus-visible:aurora-border-transparent': isDragOver
-    }),
-    onClick: function onClick() {
-      var _inputRef$current;
-      return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
-    },
-    ref: ref,
-    type: 'button'
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    onDragOver: onDragOver,
-    onDragLeave: onDragLeave
+    className: cn.cn('aurora-rounded-8 aurora-relative hover:aurora-border-active', {
+      'aurora-border aurora-border-dashed': !(errors && errors.length > 0 && !isDragOver),
+      'aurora-border-2 aurora-border-danger aurora-border-solid hover:aurora-border-danger': errors && errors.length > 0,
+      'aurora-border-none': isDragOver
+    })
   }, file && !(errors !== null && errors !== void 0 && errors.length) ? isPreview ? (/*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-p-1 aurora-relative"
   }, /*#__PURE__*/React__default['default'].createElement(image_picker_preview_container.ImagePickerPreviewContainer, {
-    classname: "aurora-relative aurora-flex aurora-flex-col"
+    classname: "aurora-relative aurora-flex aurora-flex-col",
+    onDragLeave: onDragLeave,
+    onDragOver: onDragOver,
+    onDropFile: onDropFile
   }, topButtons && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, topButtons), /*#__PURE__*/React__default['default'].createElement("label", {
     htmlFor: id,
     className: "aurora-relative"
@@ -149,11 +143,11 @@ var ImagePicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     file: file,
     isValid: !(errors !== null && errors !== void 0 && errors.length),
     onFileDelete: handleOnFileDelete
-  })), isDragOver && /*#__PURE__*/React__default['default'].createElement(image_picker_drag_over_placeholder.ImagePickerDragOverPlaceholder, {
-    onDropFile: onDropFile
-  }))) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", null, "".concat(t('No preview'))), /*#__PURE__*/React__default['default'].createElement(image_picker_delete_button.ImagePickerDeleteButton, {
+  })), isDragOver && /*#__PURE__*/React__default['default'].createElement(image_picker_drag_over_placeholder.ImagePickerDragOverPlaceholder, null))) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", null, "".concat(t('No preview'))), /*#__PURE__*/React__default['default'].createElement(image_picker_delete_button.ImagePickerDeleteButton, {
     onFileDelete: onFileDelete
   }))) : (/*#__PURE__*/React__default['default'].createElement(image_picker_input.ImagePickerInput, {
+    onDragLeave: onDragLeave,
+    onDragOver: onDragOver,
     isDragOver: isDragOver,
     allowedExtensions: allowedExtensions,
     allowedExtensionsLabel: allowedExtensionsLabel,
@@ -167,14 +161,13 @@ var ImagePicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     type: "file",
     name: name,
     accept: acceptFiles
-  }))), errors && /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
+  })), errors && /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
     errors: errors
   }));
-}), function (prev, curr) {
+}, function (prev, curr) {
   var _prev$initialFile, _curr$initialFile, _prev$initialFile2, _curr$initialFile2;
   return ((_prev$initialFile = prev.initialFile) === null || _prev$initialFile === void 0 ? void 0 : _prev$initialFile.fileUrl) === ((_curr$initialFile = curr.initialFile) === null || _curr$initialFile === void 0 ? void 0 : _curr$initialFile.fileUrl) && ((_prev$initialFile2 = prev.initialFile) === null || _prev$initialFile2 === void 0 ? void 0 : _prev$initialFile2.fileName) === ((_curr$initialFile2 = curr.initialFile) === null || _curr$initialFile2 === void 0 ? void 0 : _curr$initialFile2.fileName) && prev.errors === curr.errors && prev.editedImageResult === curr.editedImageResult && prev.topButtons === curr.topButtons;
 });
-ImagePicker.displayName = 'ImagePicker';
 
 exports.ImagePicker = ImagePicker;
 //# sourceMappingURL=image_picker.js.map

package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.js

@@ -18,11 +18,7 @@ var ImagePickerDeleteButton = function ImagePickerDeleteButton(_ref) {
     t = _useTranslation2[0];
   return /*#__PURE__*/React__default['default'].createElement("button", {
     "data-test-id": "image-picker-remove-button",
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      e.preventDefault();
-      onFileDelete();
-    },
+    onClick: onFileDelete,
     className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
     type: "button"
   }, /*#__PURE__*/React__default['default'].createElement(delete_bin_icon.DeleteBinLineIcon, {

package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/image_picker/use_image_picker.js

@@ -27,7 +27,6 @@ var useImagePicker = function useImagePicker(_ref) {
     isPreview = _useState6[0],
     setPreview = _useState6[1];
   var reader = React.useRef(new FileReader());
-  var dragTimeoutRef = React.useRef(null);
   React.useEffect(function () {
     reader.current.result && getDataUrlFromFile(reader.current.result);
     reader.current.addEventListener('load', function () {
@@ -46,11 +45,10 @@ var useImagePicker = function useImagePicker(_ref) {
     onError === null || onError === void 0 ? void 0 : onError([]);
     event.stopPropagation();
     event.preventDefault();
-    setDragOver(false);
     var files = event.dataTransfer.files;
     if (!files.length) return;
-    var isValid = validateFileExtension(allowedExtensions, files[0].type);
-    if (!isValid) return;
+    validateFileExtension(allowedExtensions, files[0].type);
+    setDragOver(false);
     updateFile(files);
   };
   var validateFileExtension = function validateFileExtension(allowedExtensions, mimeType) {
@@ -58,9 +56,11 @@ var useImagePicker = function useImagePicker(_ref) {
     var isValid = allowedExtensions.reduce(function (acc, extension) {
       return acc ? acc : image_picker_constants.MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
     }, false);
-    if (!isValid) {
-      onError === null || onError === void 0 ? void 0 : onError([i18n.i18n.t(image_picker_constants.IMAGE_PICKER_ERROR.invalidFileFormat)]);
+    if (isValid) {
+      return isValid;
     }
+    var newErrors = [i18n.i18n.t(image_picker_constants.IMAGE_PICKER_ERROR.invalidFileFormat)];
+    onError === null || onError === void 0 ? void 0 : onError(newErrors);
     return isValid;
   };
   var onFileChange = function onFileChange(event) {
@@ -97,21 +97,15 @@ var useImagePicker = function useImagePicker(_ref) {
     });
   };
   var onDragOver = function onDragOver(event) {
-    var dt = event.dataTransfer;
-    if (!dt.types || !(dt.types.indexOf ? dt.types.indexOf('Files') != -1 : dt.types.includes('Files'))) {
-      return;
-    }
     event.stopPropagation();
     event.preventDefault();
     event.dataTransfer.dropEffect = 'copy';
-    setDragOver(true);
-    dragTimeoutRef.current && window.clearTimeout(dragTimeoutRef.current);
+    if (!isDragOver) {
+      setDragOver(true);
+    }
   };
-  var onDragLeave = function onDragLeave(event) {
-    dragTimeoutRef.current = setTimeout(function () {
-      setDragOver(false);
-      dragTimeoutRef.current = null;
-    }, 25);
+  var onDragLeave = function onDragLeave() {
+    setDragOver(false);
   };
   var onFileDelete = function onFileDelete() {
     inputRef.current.value = '';

package/build/cjs/packages/aurora/src/components/image_picker/use_image_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js

@@ -19,7 +19,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var XhrImagePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var XhrImagePicker = function XhrImagePicker(_ref) {
   var id = _ref.id,
     url = _ref.url,
     name = _ref.name,
@@ -70,7 +70,7 @@ var XhrImagePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var fileAsDataUrlRef = React.useRef(undefined);
   var handleControlChange = /*#__PURE__*/function () {
     var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(file) {
-      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject, _responseObject$data$, paths;
+      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject, paths;
       return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -120,13 +120,6 @@ var XhrImagePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
             }
             return _context.abrupt("return");
           case 24:
-            if (!(responseObject.data.isSuccess === false)) {
-              _context.next = 27;
-              break;
-            }
-            onError === null || onError === void 0 ? void 0 : onError((_responseObject$data$ = responseObject.data.messages) !== null && _responseObject$data$ !== void 0 ? _responseObject$data$ : [t('File upload failed')]);
-            return _context.abrupt("return");
-          case 27:
             if (responseObject.data.imagePath) {
               paths = {
                 original: responseObject.data.imagePath
@@ -138,7 +131,7 @@ var XhrImagePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
               imageId: responseObject.data.imageId,
               paths: paths
             });
-          case 29:
+          case 26:
           case "end":
             return _context.stop();
         }
@@ -226,8 +219,7 @@ var XhrImagePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }), /*#__PURE__*/React__default['default'].createElement("span", {
       className: "aurora-text-xs aurora-text aurora-font-semibold"
     }, "".concat(t('Edit'))))),
-    editedImageResult: imageEditorResult,
-    ref: ref
+    editedImageResult: imageEditorResult
   })), !!ImageEditor && (/*#__PURE__*/React__default['default'].createElement(modal.Modal, {
     name: modalId,
     header: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, t('Edit image')),
@@ -239,8 +231,7 @@ var XhrImagePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       setImageEditorResult(result);
     }
   }))));
-});
-XhrImagePicker.displayName = 'XhrImagePicker';
+};
 
 exports.XhrImagePicker = XhrImagePicker;
 //# sourceMappingURL=xhr_image_picker.js.map

package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/hooks/use_resize_observer.js

@@ -27,8 +27,10 @@ var useResizeObserver = function useResizeObserver(ref, callback) {
             width: width,
             height: height
           };
-          setSize(newSize);
-          callback === null || callback === void 0 ? void 0 : callback(newSize);
+          if (!size || newSize.width !== size.width || newSize.height !== size.height) {
+            setSize(newSize);
+            callback === null || callback === void 0 ? void 0 : callback(newSize);
+          }
         }
       } catch (err) {
         _iterator.e(err);
@@ -43,7 +45,7 @@ var useResizeObserver = function useResizeObserver(ref, callback) {
       (_observerRef$current = observerRef.current) === null || _observerRef$current === void 0 ? void 0 : _observerRef$current.disconnect();
       observerRef.current = null;
     };
-  }, [callback, ref]);
+  }, [callback, ref, size]);
   return size;
 };
 

package/build/cjs/packages/aurora/src/hooks/use_resize_observer.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IXhrImagePickerControl } from './xhr_image_picker_control_types';
-export declare const XhrImagePickerControl: React.ForwardRefExoticComponent<IXhrImagePickerControl & React.RefAttributes<HTMLButtonElement>>;
+export declare const XhrImagePickerControl: React.FC<IXhrImagePickerControl>;

package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js

@@ -1,10 +1,10 @@
-import React, { forwardRef } from 'react';
+import React from 'react';
 import { Control } from '../../control/control.js';
 import { HelperText } from '../../helper_text/helper_text.js';
 import { Label } from '../../label/label.js';
 import { XhrImagePicker } from '../../xhr_image_picker/xhr_image_picker.js';
 
-var XhrImagePickerControl = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
   var url = _ref.url,
     label = _ref.label,
     required = _ref.required,
@@ -53,11 +53,9 @@ var XhrImagePickerControl = /*#__PURE__*/forwardRef(function (_ref, ref) {
     errors: errors,
     onUploaded: onUploaded,
     onImageSizeUpdated: onImageSizeUpdated,
-    ImageEditor: ImageEditor,
-    ref: ref
+    ImageEditor: ImageEditor
   }), helperText ? /*#__PURE__*/React.createElement(HelperText, null, helperText) : null);
-});
-XhrImagePickerControl.displayName = 'XhrImagePickerControl';
+};
 
 export { XhrImagePickerControl };
 //# sourceMappingURL=xhr_image_picker_control.js.map

package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.d.ts

@@ -1,6 +1,2 @@
 import React from 'react';
-interface IImagePickerDragOverPlaceholderProps {
-    onDropFile: (event: React.DragEvent<HTMLDivElement>) => void;
-}
-export declare const ImagePickerDragOverPlaceholder: ({ onDropFile }: IImagePickerDragOverPlaceholderProps) => React.JSX.Element;
-export {};
+export declare const ImagePickerDragOverPlaceholder: () => React.JSX.Element;

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.js

@@ -3,16 +3,14 @@ import { useTranslation } from '../../../../../../external/react-i18next/dist/es
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 
-var ImagePickerDragOverPlaceholder = function ImagePickerDragOverPlaceholder(_ref) {
-  var onDropFile = _ref.onDropFile;
+var ImagePickerDragOverPlaceholder = function ImagePickerDragOverPlaceholder() {
   var _useTranslation = useTranslation(),
     _useTranslation2 = _slicedToArray(_useTranslation, 1),
     t = _useTranslation2[0];
   return /*#__PURE__*/React.createElement("div", {
-    onDrop: onDropFile,
-    className: cn('aurora-absolute aurora-inset-0 aurora-bg-neutral-0 aurora-border-2 aurora-border-primary aurora-rounded-8 aurora-z-20 aurora-w-full aurora-h-full')
+    className: cn('aurora-absolute aurora-inset-0 aurora-bg-neutral-0 aurora-border-2 aurora-border-primary aurora-rounded-8 aurora-z-20 aurora-pointer-events-none aurora-w-full aurora-h-full')
   }, /*#__PURE__*/React.createElement("div", {
-    className: "aurora-w-full aurora-h-full aurora-bg-primary-transparent aurora-flex aurora-items-center aurora-justify-center aurora-pointer-events-none"
+    className: "aurora-w-full aurora-h-full aurora-bg-primary-transparent aurora-flex aurora-items-center aurora-justify-center"
   }, /*#__PURE__*/React.createElement("span", {
     className: "aurora-text-xs aurora-text-interactive"
   }, "".concat(t('Drop file here')))));

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_input.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 declare type ImagePickerInput = {
     id: string;
-    onDropFile: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDropFile: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragOver: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragLeave: (event: React.DragEvent<HTMLLabelElement>) => void;
     allowedExtensionsLabel?: string;
     allowedExtensions: string[];
     isDragOver: boolean;

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_input.js

@@ -7,18 +7,22 @@ import { UploadLineIcon } from '../../../assets/icons/upload_icon.js';
 
 var ImagePickerInput = function ImagePickerInput(_ref) {
   var id = _ref.id,
+    onDropFile = _ref.onDropFile,
+    onDragOver = _ref.onDragOver,
+    onDragLeave = _ref.onDragLeave,
     allowedExtensionsLabel = _ref.allowedExtensionsLabel,
     allowedExtensions = _ref.allowedExtensions,
-    isDragOver = _ref.isDragOver,
-    onDropFile = _ref.onDropFile;
+    isDragOver = _ref.isDragOver;
   var _useTranslation = useTranslation(),
     _useTranslation2 = _slicedToArray(_useTranslation, 1),
     t = _useTranslation2[0];
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("label", {
+    htmlFor: id,
+    onDrop: onDropFile,
+    onDragOver: onDragOver,
+    onDragLeave: onDragLeave,
     className: "aurora-relative aurora-flex aurora-items-center aurora-justify-center aurora-w-full aurora-h-full aurora-cursor-pointer aurora-p-1 aurora-pb-2 aurora-group/imagePickerInput"
-  }, isDragOver && /*#__PURE__*/React.createElement(ImagePickerDragOverPlaceholder, {
-    onDropFile: onDropFile
-  }), /*#__PURE__*/React.createElement("div", {
+  }, isDragOver && /*#__PURE__*/React.createElement(ImagePickerDragOverPlaceholder, null), /*#__PURE__*/React.createElement("div", {
     className: cn('aurora-flex aurora-flex-col aurora-items-center aurora-w-full aurora-h-full aurora-pt-4 aurora-pb-3 aurora-px-1')
   }, /*#__PURE__*/React.createElement(UploadLineIcon, {
     className: "aurora-w-5 aurora-h-5 aurora-fill-subtle group-hover/imagePickerInput:aurora-fill-primary aurora-mb-2"

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_input.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview_container.js

@@ -2,9 +2,15 @@ import React from 'react';
 
 var ImagePickerPreviewContainer = function ImagePickerPreviewContainer(_ref) {
   var classname = _ref.classname,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classname
+    children = _ref.children,
+    onDragLeave = _ref.onDragLeave,
+    onDragOver = _ref.onDragOver,
+    onDropFile = _ref.onDropFile;
+  return /*#__PURE__*/React.createElement("label", {
+    className: classname,
+    onDragLeave: onDragLeave,
+    onDragOver: onDragOver,
+    onDrop: onDropFile
   }, children);
 };
 

package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview_container.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/image_picker/image_picker.d.ts

@@ -1,3 +1,3 @@
 import { IImagePicker } from './image_picker_types';
 import React from 'react';
-export declare const ImagePicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<IImagePicker & React.RefAttributes<HTMLButtonElement>>>;
+export declare const ImagePicker: React.FC<IImagePicker>;