@cashub/ui 0.12.0 → 0.12.1

package/dropzone/ImageDropzone.js

@@ -136,28 +136,33 @@ var ImageDropzone = function ImageDropzone(_ref) {
   };
 
   var handleAddFiles = (0, _react.useCallback)(function (newFiles) {
-    if (files.length + newFiles.length > maxFiles) {
-      newFiles.splice(maxFiles - files.length);
-    }
+    setFiles(function (previous) {
+      if (previous.length + newFiles.length > maxFiles) {
+        newFiles.splice(maxFiles - previous.length);
+      }
+
+      return [].concat(_toConsumableArray(previous), _toConsumableArray(newFiles));
+    });
 
     for (var index = 0; index < newFiles.length; index += 1) {
       newFiles[index].url = URL.createObjectURL(newFiles[index]);
     }
 
-    setFiles([].concat(_toConsumableArray(files), _toConsumableArray(newFiles)));
     setAddedFiles(newFiles);
-  }, [files, maxFiles]);
+  }, [maxFiles]);
   var handleRemoveFile = (0, _react.useCallback)(function (event, index) {
     if (event) {
       event.stopPropagation();
     }
 
-    var newFiles = _toConsumableArray(files);
+    setFiles(function (previous) {
+      var newFiles = _toConsumableArray(previous);
 
-    newFiles.splice(index, 1);
-    setFiles(newFiles);
+      newFiles.splice(index, 1);
+      return newFiles;
+    });
     if (onRemovedFile) onRemovedFile(index);
-  }, [files, onRemovedFile]);
+  }, [onRemovedFile]);
   var handleChangeFile = (0, _react.useCallback)(function (event) {
     var files = event.target.files;
     var newFiles = [];
@@ -190,7 +195,7 @@ var ImageDropzone = function ImageDropzone(_ref) {
         });
       }
     });
-  }, [cropper]);
+  }, [width, height, cropper]);
 
   var previewItem = function previewItem() {
     return files.map(function (file, index) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",