@uxf/ui 11.38.1 → 11.38.3

package/dropzone/dropzone-input.d.ts

@@ -17,6 +17,7 @@ export interface DropzoneInputProps extends FormControlProps<DropzoneFile[] | un
     maxFilesCount?: number;
     minFileSize?: number;
     onDropRejected?: (fileRejections: FileRejection[]) => void;
+    onUploadComplete?: (files: FileResponse[]) => Promise<void>;
     onUploadError?: (err: unknown) => void;
     onUploadFile: (file: File, options?: UploadOptions) => Promise<FileResponse>;
     style?: CSSProperties;

package/dropzone/dropzone-input.js

@@ -27,6 +27,7 @@ exports.DropzoneInput = void 0;
 const compose_refs_1 = require("@uxf/core-react/utils/compose-refs");
 const classes_1 = require("@uxf/core/constants/classes");
 const cx_1 = require("@uxf/core/utils/cx");
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const react_1 = __importStar(require("react"));
 const react_dropzone_1 = require("react-dropzone");
 const icon_1 = require("../icon");
@@ -55,6 +56,7 @@ function fileUploadedHandler(uploadedFile, dropzoneFile, onValuesChange, values)
     if (values && uploadedFile) {
         onValuesChange(values.map((f) => f.id === dropzoneFile.id ? { ...uploadedFile, progress: 100, originalFile: f.originalFile } : f));
     }
+    return uploadedFile;
 }
 function fileRejectedHandler(err, dropzoneFile, onValuesChange, values, onUploadError) {
     onUploadError === null || onUploadError === void 0 ? void 0 : onUploadError(err);
@@ -62,6 +64,7 @@ function fileRejectedHandler(err, dropzoneFile, onValuesChange, values, onUpload
     if (values) {
         onValuesChange(values.map((f) => (f.id === dropzoneFile.id ? { ...f, error: err } : f)));
     }
+    return null;
 }
 exports.DropzoneInput = (0, react_1.forwardRef)((props, ref) => {
     var _a, _b;
@@ -84,19 +87,28 @@ exports.DropzoneInput = (0, react_1.forwardRef)((props, ref) => {
                 inputNode.value = "";
             }
         };
+        const uploadingFiles = [];
         for (const file of files) {
             if (!file.originalFile) {
                 file.error = "File not found";
                 continue;
             }
-            props
+            uploadingFiles.push(props
                 .onUploadFile(file.originalFile, {
                 abortController: file.abortController,
                 onUploadProgress: (e) => progressHandler(e, file, onChange, refValue.current),
             })
                 .then((res) => fileUploadedHandler(res, file, onChange, refValue.current))
-                .catch((err) => fileRejectedHandler(err, file, onChange, refValue.current, props.onUploadError));
+                .catch((err) => fileRejectedHandler(err, file, onChange, refValue.current, props.onUploadError)));
         }
+        Promise.allSettled(uploadingFiles).then((result) => {
+            var _a;
+            const fulfilledFilesOnly = result
+                .filter((res) => res.status === "fulfilled")
+                .map((res) => res.value)
+                .filter(is_not_nil_1.isNotNil);
+            (_a = props.onUploadComplete) === null || _a === void 0 ? void 0 : _a.call(props, fulfilledFilesOnly);
+        });
     };
     const { getRootProps, getInputProps, rootRef, inputRef } = (0, react_dropzone_1.useDropzone)({
         accept: props.accept,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.38.1",
+    "version": "11.38.3",
     "description": "",
     "publishConfig": {
         "access": "public"
@@ -24,7 +24,7 @@
         "@floating-ui/react": "0.26.23",
         "@headlessui/react": "1.7.14",
         "@uxf/core": "11.35.0",
-        "@uxf/core-react": "11.36.0",
+        "@uxf/core-react": "11.38.3",
         "@uxf/datepicker": "11.32.0",
         "@uxf/styles": "11.35.0",
         "color2k": "2.0.3",