@ballistix.digital/react-components 0.4.117 → 0.4.118

package/dist/index.esm.js

@@ -4482,9 +4482,9 @@ function reducer(state, action) {
 function noop() {}
 
 var FileInputGroupForm = function (props) {
-    var _a = props.name, name = _a === void 0 ? 'multiple-file-input' : _a, label = props.label, description = props.description, required = props.required, value = props.value, _b = props.max, max = _b === void 0 ? 10 * 1024 * 1024 : _b, error = props.error, isDisabled = props.isDisabled, _c = props.isRequired, isRequired = _c === void 0 ? false : _c, _d = props.isTouched, isTouched = _d === void 0 ? false : _d, children = props.children, onChange = props.onChange, onBlur = props.onBlur, stylesOverrides = props.styles;
+    var _a = props.name, name = _a === void 0 ? 'multiple-file-input' : _a, label = props.label, description = props.description, required = props.required, value = props.value, max = props.max, error = props.error, isDisabled = props.isDisabled, _b = props.isRequired, isRequired = _b === void 0 ? false : _b, _c = props.isTouched, isTouched = _c === void 0 ? false : _c, children = props.children, onChange = props.onChange, onBlur = props.onBlur, stylesOverrides = props.styles;
     var isValid = error === undefined;
-    var _e = useState(false), isDragging = _e[0], setIsDragging = _e[1];
+    var _d = useState(false), isDragging = _d[0], setIsDragging = _d[1];
     var handleChangeInput = useCallback(function (file) {
         var reader = new FileReader();
         reader === null || reader === void 0 ? void 0 : reader.readAsDataURL(file);
@@ -4496,7 +4496,8 @@ var FileInputGroupForm = function (props) {
                 blob: reader === null || reader === void 0 ? void 0 : reader.result,
                 file: file,
             };
-            if (max && max < result.size) {
+            // eg. 10 * 1024 * 1024
+            if (max && max * 1024 * 1024 < result.size) {
                 return;
             }
             onChange(result);
@@ -4506,7 +4507,7 @@ var FileInputGroupForm = function (props) {
         setIsDragging(false);
         handleChangeInput(files[0]);
     }, [handleChangeInput]);
-    var _f = useDropzone({
+    var _e = useDropzone({
         onDrop: onDrop,
         multiple: false,
         onError: function () {
@@ -4519,7 +4520,7 @@ var FileInputGroupForm = function (props) {
         onDragLeave: function () {
             setIsDragging(false);
         },
-    }), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
+    }), getRootProps = _e.getRootProps, getInputProps = _e.getInputProps;
     var handleGenerateStyle = function () {
         var result = deepCopyObject(styles.base);
         var keys = calculateNestedKeys(styles.base);