@tecsinapse/cortex-react 1.12.3 → 1.13.0-beta.0

package/dist/cjs/hooks/useFileUpload.js

@@ -8,11 +8,14 @@ var types = require('../components/Uploader/types.js');
 const useFileUpload = ({
   accept = {},
   onAccept,
+  onFileRejected,
   maxSize,
   allowMultiple = true,
-  onFileRejected
+  preventDuplicates = false,
+  onDuplicate
 }) => {
   const [files, setFiles] = React.useState([]);
+  const [duplicates, setDuplicates] = React.useState([]);
   const [isOpen, setIsOpen] = React.useState(false);
   const onOpen = React.useCallback(() => setIsOpen(true), []);
   const onClose = React.useCallback(() => setIsOpen(false), []);
@@ -25,7 +28,21 @@ const useFileUpload = ({
     []
   );
   const onDrop = async (acceptedFiles) => {
-    const newFiles = acceptedFiles.map((file) => ({
+    let toProcess = acceptedFiles;
+    if (preventDuplicates) {
+      const found = acceptedFiles.filter(
+        (file) => files.some((existing) => existing.file.name === file.name)
+      );
+      if (found.length > 0) {
+        setDuplicates(found);
+        onDuplicate?.(found);
+      }
+      toProcess = acceptedFiles.filter(
+        (file) => !found.some((dup) => dup.name === file.name)
+      );
+      if (toProcess.length === 0) return;
+    }
+    const newFiles = toProcess.map((file) => ({
       file,
       status: onAccept ? types.FileStatus.UPLOADING : types.FileStatus.SUCCESS,
       uid: uuid.v4()
@@ -86,6 +103,7 @@ const useFileUpload = ({
     },
     open: isOpen,
     files,
+    duplicates,
     onClearFiles: handleClearFiles
   };
 };

package/dist/esm/hooks/useFileUpload.js

@@ -6,11 +6,14 @@ import { FileStatus, AcceptSpecificMap } from '../components/Uploader/types.js';
 const useFileUpload = ({
   accept = {},
   onAccept,
+  onFileRejected,
   maxSize,
   allowMultiple = true,
-  onFileRejected
+  preventDuplicates = false,
+  onDuplicate
 }) => {
   const [files, setFiles] = useState([]);
+  const [duplicates, setDuplicates] = useState([]);
   const [isOpen, setIsOpen] = useState(false);
   const onOpen = useCallback(() => setIsOpen(true), []);
   const onClose = useCallback(() => setIsOpen(false), []);
@@ -23,7 +26,21 @@ const useFileUpload = ({
     []
   );
   const onDrop = async (acceptedFiles) => {
-    const newFiles = acceptedFiles.map((file) => ({
+    let toProcess = acceptedFiles;
+    if (preventDuplicates) {
+      const found = acceptedFiles.filter(
+        (file) => files.some((existing) => existing.file.name === file.name)
+      );
+      if (found.length > 0) {
+        setDuplicates(found);
+        onDuplicate?.(found);
+      }
+      toProcess = acceptedFiles.filter(
+        (file) => !found.some((dup) => dup.name === file.name)
+      );
+      if (toProcess.length === 0) return;
+    }
+    const newFiles = toProcess.map((file) => ({
       file,
       status: onAccept ? FileStatus.UPLOADING : FileStatus.SUCCESS,
       uid: v4()
@@ -84,6 +101,7 @@ const useFileUpload = ({
     },
     open: isOpen,
     files,
+    duplicates,
     onClearFiles: handleClearFiles
   };
 };

package/dist/types/hooks/useFileUpload.d.ts

@@ -9,18 +9,20 @@ interface UseFileUploadOptions<T> {
         TEXT?: (typeof AcceptSpecificMap.TEXT)[number][];
     };
     onAccept?: (files: FileUpload<T>[]) => Promise<FileUpload<T>[]>;
+    onFileRejected?: (fileRejections: FileRejection[], event: DropEvent) => void;
     maxSize?: number;
     allowMultiple?: boolean;
-    onDelete?: (file: FileUpload<T>) => Promise<void>;
-    onFileRejected?: (fileRejections: FileRejection[], event: DropEvent) => void;
+    preventDuplicates?: boolean;
+    onDuplicate?: (duplicates: File[]) => void;
 }
-export declare const useFileUpload: <T>({ accept, onAccept, maxSize, allowMultiple, onFileRejected, }: UseFileUploadOptions<T>) => {
+export declare const useFileUpload: <T>({ accept, onAccept, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, }: UseFileUploadOptions<T>) => {
     onOpen: () => void;
     onClose: () => void;
     onDelete: (index: number) => void;
     dropzoneProps: UseDropzoneProps;
     open: boolean;
     files: FileUpload<T>[];
+    duplicates: File[];
     onClearFiles: () => void;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.12.3",
+  "version": "1.13.0-beta.0",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -47,5 +47,5 @@
     "react-icons": ">=5.2.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "645721229663f033e51773fd612a0fce2a3686c3"
+  "gitHead": "4c78af21cd3462adefd432f41e940d06968eed45"
 }