@cashub/ui 0.12.0 → 0.12.2

package/button/Button.js

@@ -13,7 +13,7 @@ var _backgroundColor = _interopRequireDefault(require("../styles/mixin/backgroun
 
 var _colorOnBackground = _interopRequireDefault(require("../styles/mixin/colorOnBackground"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -27,7 +27,7 @@ var Button = _styledComponents.default.button.attrs(function () {
   return {
     primary: true
   };
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  border: none;\n  font-size: var(--font-button);\n  line-height: var(--font-body1);\n  cursor: ", ";\n  border-radius: var(--border-radius-l);\n  padding: 10px var(--spacing-s);\n  text-transform: uppercase;\n\n  > svg {\n    margin-right: calc(var(--spacing-s) - 0.25rem);\n    font-size: var(--font-body1);\n  }\n\n  &:hover {\n    ", "\n  }\n\n  ", "\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  border: none;\n  font-size: var(--font-button);\n  line-height: var(--font-body1);\n  cursor: ", ";\n  border-radius: var(--border-radius-l);\n  padding: 10px var(--spacing-s);\n  text-transform: uppercase;\n\n  > svg {\n    margin-right: calc(var(--spacing-s) - 0.25rem);\n    font-size: var(--font-body1);\n  }\n\n  &:hover {\n    ", "\n  }\n\n  ", "\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var disabled = _ref.disabled;
   return disabled ? 'no-drop' : 'pointer';
 }, function (_ref2) {
@@ -51,6 +51,9 @@ var Button = _styledComponents.default.button.attrs(function () {
 }, function (_ref8) {
   var alignCenter = _ref8.alignCenter;
   return alignCenter && 'justify-content: center;';
+}, function (_ref9) {
+  var filterFocus = _ref9.filterFocus;
+  return filterFocus && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      border: 2px solid var(--font-on-danger);\n    "])));
 });
 
 var _default = Button;

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.2",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",