@ballistix.digital/react-components 0.8.3 → 0.10.0

package/dist/index.d.ts

@@ -167,8 +167,8 @@ type TInputGroupFormProps = {
         mask: string;
         replacementCharacter?: string;
     };
-    min?: number;
-    max?: number;
+    min?: number | string;
+    max?: number | string;
     maxLength?: number;
     rows?: number;
     type: 'normal' | 'inset' | 'overlapping' | 'pill' | 'floored';
@@ -1039,12 +1039,13 @@ type TFileInputGroupFormProps = {
     isDisabled?: boolean;
     isRequired?: boolean;
     isTouched?: boolean;
+    isMulti?: boolean;
     children?: (props: {
         value?: TFileType;
         isDragging: boolean;
     }) => ReactNode;
-    onChange: any;
-    onBlur: any;
+    onChange: (files: TFileType[]) => void;
+    onBlur: FocusEventHandler<HTMLInputElement>;
     styles?: TFileInputGroupFormStyles;
 };
 declare const FileInputGroupForm: FC<TFileInputGroupFormProps>;

package/dist/index.esm.js

@@ -4724,34 +4724,40 @@ 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, 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 _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, _d = props.isMulti, isMulti = _d === void 0 ? false : _d, children = props.children, onChange = props.onChange, onBlur = props.onBlur, stylesOverrides = props.styles;
     var isValid = error === undefined;
-    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);
-        reader.onload = function () {
-            var result = {
-                name: file.name,
-                size: file.size,
-                type: file.type,
-                blob: reader === null || reader === void 0 ? void 0 : reader.result,
-                file: file,
+    var _e = useState(false), isDragging = _e[0], setIsDragging = _e[1];
+    var handleChangeInput = useCallback(function (files) {
+        var results = [];
+        forEach(files, function (file, index, files) {
+            var reader = new FileReader();
+            reader === null || reader === void 0 ? void 0 : reader.readAsDataURL(file);
+            reader.onload = function () {
+                var result = {
+                    name: file.name,
+                    size: file.size,
+                    type: file.type,
+                    blob: reader === null || reader === void 0 ? void 0 : reader.result,
+                    file: file,
+                };
+                // eg. 10 * 1024 * 1024
+                if (max && max * 1024 * 1024 < result.size) {
+                    return;
+                }
+                results.push(result);
+                if (index === files.length - 1) {
+                    onChange(results);
+                }
             };
-            // eg. 10 * 1024 * 1024
-            if (max && max * 1024 * 1024 < result.size) {
-                return;
-            }
-            onChange(result);
-        };
+        });
     }, [max, onChange]);
     var onDrop = useCallback(function (files) {
         setIsDragging(false);
-        handleChangeInput(files[0]);
+        handleChangeInput(files);
     }, [handleChangeInput]);
-    var _e = useDropzone({
+    var _f = useDropzone({
         onDrop: onDrop,
-        multiple: false,
+        multiple: isMulti,
         onError: function () {
             // console.log('error');
             // setFieldError('file', t('component.form.error.multipleFiles') as string);
@@ -4762,7 +4768,7 @@ var FileInputGroupForm = function (props) {
         onDragLeave: function () {
             setIsDragging(false);
         },
-    }), getRootProps = _e.getRootProps, getInputProps = _e.getInputProps;
+    }), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
     var handleGenerateStyle = function () {
         var result = deepCopyObject(styles$3.base);
         var keys = calculateNestedKeys(styles$3.base);