@ikatec/nebula-react 1.6.0-beta.2 → 1.6.0-beta.3

package/dist/index.d.mts

@@ -666,6 +666,11 @@ type FileWithPreview = {
     id: string;
     preview?: string;
 };
+declare enum FileUploadError {
+    MAX_FILES_EXCEEDED = "MAX_FILES_EXCEEDED",
+    MAXIMUM_FILE_SIZE_EXCEEDED = "MAXIMUM_FILE_SIZE_EXCEEDED",
+    INVALID_FORMAT = "INVALID_FORMAT"
+}
 type FileUploadOptions = {
     maxFiles?: number;
     maxSize?: number;
@@ -674,19 +679,14 @@ type FileUploadOptions = {
     initialFiles?: FileMetadata[];
     onFilesChange?: (files: FileWithPreview[]) => void;
     onFilesAdded?: (addedFiles: FileWithPreview[]) => void;
+    onError?: (errors: {
+        file?: File | FileMetadata;
+        error: FileUploadError;
+    }[]) => void;
 };
-declare enum FileUploadError {
-    MAX_FILES_EXCEEDED = "MAX_FILES_EXCEEDED",
-    MAXIMUM_FILE_SIZE_EXCEEDED = "MAXIMUM_FILE_SIZE_EXCEEDED",
-    INVALID_FORMAT = "INVALID_FORMAT"
-}
 type FileUploadState = {
     files: FileWithPreview[];
     isDragging: boolean;
-    errors: {
-        file?: File | FileMetadata;
-        error: FileUploadError;
-    }[];
 };
 type FileUploadActions = {
     addFiles: (files: FileList | File[]) => void;

package/dist/index.d.ts

@@ -666,6 +666,11 @@ type FileWithPreview = {
     id: string;
     preview?: string;
 };
+declare enum FileUploadError {
+    MAX_FILES_EXCEEDED = "MAX_FILES_EXCEEDED",
+    MAXIMUM_FILE_SIZE_EXCEEDED = "MAXIMUM_FILE_SIZE_EXCEEDED",
+    INVALID_FORMAT = "INVALID_FORMAT"
+}
 type FileUploadOptions = {
     maxFiles?: number;
     maxSize?: number;
@@ -674,19 +679,14 @@ type FileUploadOptions = {
     initialFiles?: FileMetadata[];
     onFilesChange?: (files: FileWithPreview[]) => void;
     onFilesAdded?: (addedFiles: FileWithPreview[]) => void;
+    onError?: (errors: {
+        file?: File | FileMetadata;
+        error: FileUploadError;
+    }[]) => void;
 };
-declare enum FileUploadError {
-    MAX_FILES_EXCEEDED = "MAX_FILES_EXCEEDED",
-    MAXIMUM_FILE_SIZE_EXCEEDED = "MAXIMUM_FILE_SIZE_EXCEEDED",
-    INVALID_FORMAT = "INVALID_FORMAT"
-}
 type FileUploadState = {
     files: FileWithPreview[];
     isDragging: boolean;
-    errors: {
-        file?: File | FileMetadata;
-        error: FileUploadError;
-    }[];
 };
 type FileUploadActions = {
     addFiles: (files: FileList | File[]) => void;

package/dist/index.js

@@ -4726,7 +4726,8 @@ var useFileUpload = (options = {}) => {
     multiple = false,
     initialFiles = [],
     onFilesChange,
-    onFilesAdded
+    onFilesAdded,
+    onError
   } = options;
   const [state, setState] = React31.useState({
     files: initialFiles.map((file) => ({
@@ -4734,8 +4735,7 @@ var useFileUpload = (options = {}) => {
       id: file.id,
       preview: file.url
     })),
-    isDragging: false,
-    errors: []
+    isDragging: false
   });
   const inputRef = React31.useRef(null);
   const validateFile = React31.useCallback(
@@ -4816,10 +4816,8 @@ var useFileUpload = (options = {}) => {
       if (!newFiles || newFiles.length === 0) return;
       const newFilesArray = Array.from(newFiles);
       const errors = [];
-      setState((prev) => ({ ...prev, errors: [] }));
       if (multiple && maxFiles !== Infinity && state.files.length + newFilesArray.length > maxFiles) {
-        errors.push({ error: "MAX_FILES_EXCEEDED" /* MAX_FILES_EXCEEDED */ });
-        setState((prev) => ({ ...prev, errors }));
+        onError?.([{ error: "MAX_FILES_EXCEEDED" /* MAX_FILES_EXCEEDED */ }]);
         return;
       }
       const validFiles = [];
@@ -4833,10 +4831,9 @@ var useFileUpload = (options = {}) => {
           }
         }
         if (file.size > maxSize) {
-          errors.push({
-            error: "MAXIMUM_FILE_SIZE_EXCEEDED" /* MAXIMUM_FILE_SIZE_EXCEEDED */,
-            file
-          });
+          onError?.([
+            { file, error: "MAXIMUM_FILE_SIZE_EXCEEDED" /* MAXIMUM_FILE_SIZE_EXCEEDED */ }
+          ]);
           return;
         }
         const error2 = validateFile(file);
@@ -4860,16 +4857,15 @@ var useFileUpload = (options = {}) => {
           onFilesChange?.(newFiles2);
           return {
             ...prev,
-            files: newFiles2,
-            errors
+            files: newFiles2
           };
         });
       } else if (errors.length > 0) {
         setState((prev) => ({
-          ...prev,
-          errors
+          ...prev
         }));
       }
+      onError?.(errors);
       if (inputRef.current) {
         inputRef.current.value = "";
       }
@@ -4884,7 +4880,8 @@ var useFileUpload = (options = {}) => {
       generateUniqueId,
       clearFiles,
       onFilesChange,
-      onFilesAdded
+      onFilesAdded,
+      onError
     ]
   );
   const removeFile = React31.useCallback(
@@ -5041,7 +5038,7 @@ function FileUpload({
   const { fileUpload } = useNebulaI18n().messages;
   const maxSize = maxSizeMB * 1024 * 1024;
   const [
-    { files, isDragging, errors },
+    { files, isDragging },
     {
       handleDragEnter,
       handleDragLeave,
@@ -5057,11 +5054,9 @@ function FileUpload({
     maxSize: maxSize > 0 ? maxSize : void 0,
     accept: "*",
     ...rest,
-    maxFiles
+    maxFiles,
+    onError
   });
-  React31.useEffect(() => {
-    onError?.(errors);
-  }, [errors, onError]);
   const disabled = React31.useMemo(() => {
     if (rest.disabled) return true;
     if (rest.multiple) {
@@ -6312,7 +6307,7 @@ var ProfileImage = ({
     onChange?.(fileLike);
   };
   const [
-    { files, isDragging, errors },
+    { files, isDragging },
     {
       handleDragEnter,
       handleDragLeave,
@@ -6338,15 +6333,13 @@ var ProfileImage = ({
     maxSize: maxSize > 0 ? maxSize : void 0,
     onFilesChange([file2]) {
       handleFileChange(file2?.file);
-    }
+    },
+    onError
   });
   const [finalImageUrl, setFinalImageUrl] = React31.useState(
     image || null
   );
   const [isDialogOpen, setIsDialogOpen] = React31.useState(false);
-  React31.useEffect(() => {
-    onError?.(errors);
-  }, [errors, onError]);
   const [file] = files;
   const fileId = file?.id;
   const previousFileIdRef = React31.useRef(null);

package/dist/index.mjs

@@ -4683,7 +4683,8 @@ var useFileUpload = (options = {}) => {
     multiple = false,
     initialFiles = [],
     onFilesChange,
-    onFilesAdded
+    onFilesAdded,
+    onError
   } = options;
   const [state, setState] = useState({
     files: initialFiles.map((file) => ({
@@ -4691,8 +4692,7 @@ var useFileUpload = (options = {}) => {
       id: file.id,
       preview: file.url
     })),
-    isDragging: false,
-    errors: []
+    isDragging: false
   });
   const inputRef = useRef(null);
   const validateFile = useCallback(
@@ -4773,10 +4773,8 @@ var useFileUpload = (options = {}) => {
       if (!newFiles || newFiles.length === 0) return;
       const newFilesArray = Array.from(newFiles);
       const errors = [];
-      setState((prev) => ({ ...prev, errors: [] }));
       if (multiple && maxFiles !== Infinity && state.files.length + newFilesArray.length > maxFiles) {
-        errors.push({ error: "MAX_FILES_EXCEEDED" /* MAX_FILES_EXCEEDED */ });
-        setState((prev) => ({ ...prev, errors }));
+        onError?.([{ error: "MAX_FILES_EXCEEDED" /* MAX_FILES_EXCEEDED */ }]);
         return;
       }
       const validFiles = [];
@@ -4790,10 +4788,9 @@ var useFileUpload = (options = {}) => {
           }
         }
         if (file.size > maxSize) {
-          errors.push({
-            error: "MAXIMUM_FILE_SIZE_EXCEEDED" /* MAXIMUM_FILE_SIZE_EXCEEDED */,
-            file
-          });
+          onError?.([
+            { file, error: "MAXIMUM_FILE_SIZE_EXCEEDED" /* MAXIMUM_FILE_SIZE_EXCEEDED */ }
+          ]);
           return;
         }
         const error2 = validateFile(file);
@@ -4817,16 +4814,15 @@ var useFileUpload = (options = {}) => {
           onFilesChange?.(newFiles2);
           return {
             ...prev,
-            files: newFiles2,
-            errors
+            files: newFiles2
           };
         });
       } else if (errors.length > 0) {
         setState((prev) => ({
-          ...prev,
-          errors
+          ...prev
         }));
       }
+      onError?.(errors);
       if (inputRef.current) {
         inputRef.current.value = "";
       }
@@ -4841,7 +4837,8 @@ var useFileUpload = (options = {}) => {
       generateUniqueId,
       clearFiles,
       onFilesChange,
-      onFilesAdded
+      onFilesAdded,
+      onError
     ]
   );
   const removeFile = useCallback(
@@ -4998,7 +4995,7 @@ function FileUpload({
   const { fileUpload } = useNebulaI18n().messages;
   const maxSize = maxSizeMB * 1024 * 1024;
   const [
-    { files, isDragging, errors },
+    { files, isDragging },
     {
       handleDragEnter,
       handleDragLeave,
@@ -5014,11 +5011,9 @@ function FileUpload({
     maxSize: maxSize > 0 ? maxSize : void 0,
     accept: "*",
     ...rest,
-    maxFiles
+    maxFiles,
+    onError
   });
-  useEffect(() => {
-    onError?.(errors);
-  }, [errors, onError]);
   const disabled = useMemo(() => {
     if (rest.disabled) return true;
     if (rest.multiple) {
@@ -6269,7 +6264,7 @@ var ProfileImage = ({
     onChange?.(fileLike);
   };
   const [
-    { files, isDragging, errors },
+    { files, isDragging },
     {
       handleDragEnter,
       handleDragLeave,
@@ -6295,15 +6290,13 @@ var ProfileImage = ({
     maxSize: maxSize > 0 ? maxSize : void 0,
     onFilesChange([file2]) {
       handleFileChange(file2?.file);
-    }
+    },
+    onError
   });
   const [finalImageUrl, setFinalImageUrl] = useState(
     image || null
   );
   const [isDialogOpen, setIsDialogOpen] = useState(false);
-  useEffect(() => {
-    onError?.(errors);
-  }, [errors, onError]);
   const [file] = files;
   const fileId = file?.id;
   const previousFileIdRef = useRef(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.6.0-beta.2",
+  "version": "1.6.0-beta.3",
   "description": "React components for Nebula Design System",
   "publishConfig": {
     "access": "public"