added restrictionUniqueName

package.json

@@ -1,13 +1,13 @@
 {
   "name": "filedropper",
   "widgetName": "FileDropper",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "description": "Drop files in your Mendix Application",
   "copyright": "Mendix 2020",
   "author": "Jelte Lagendijk <jelte.lagendijk@mendix.com>",
   "config": {
-    "widgetPath": "./dist/MxTestProject/widgets",
-    "projectPath": "./dist/MxTestProject/",
+    "widgetPath": "../../widgets",
+    "projectPath": "../../",
     "mendixHost": "http://windows:8080",
     "developmentPort": "3000"
   },

src/FileDropper.tsx

@@ -92,6 +92,7 @@ class FileDropperContainer extends Component<FileDropperContainerProps, {}> {
             autoSave: props.dataAutoSave,
             maxNumber: props.restrictionMaxFileCount,
             maxSize: maxFileSize,
+            uniqueName: props.restrictionUniqueName,
             validationMessages,
             accept,
             texts,

src/FileDropper.xml

@@ -77,6 +77,10 @@
 Note 1: This might not always be accurate. There can be differences between platforms & browsers. To be sure it is better to use the 'onAccept Microflow'
 Note 2: When using an Entity that is/inherits 'System.Image', Mime types will always be ignored and set to 'image/*'. You can further restrict this using the 'onAccept Microflow'</description>
             </property>
+            <property key="restrictionUniqueName" type="boolean" required="true" defaultValue="true">
+                <caption>Restrict Duplicates</caption>
+                <description>Restrict uploads to have unique names. If true, will ignore a file upload with a repeated name, regardless of file path.</description>
+            </property>
         </propertyGroup>
 
         <!-- VERIFICATION -->

src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="FileDropper" version="1.4.1" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="FileDropper" version="1.5.0" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="FileDropper.xml"/>
         </widgetFiles>

src/store/fileDropperStore.ts

@@ -25,6 +25,7 @@ export interface FileDropperStoreOptions {
     accept?: string;
     maxNumber?: number;
     maxSize?: number;
+    uniqueName: boolean;
     contextObject?: mendix.lib.MxObject;
     validationMessages?: ValidationMessage[];
     saveBase64?: boolean;
@@ -34,6 +35,7 @@ export class FileDropperStore implements FileDropperStoreProps {
     public accept: string | undefined;
     public maxNumber: number;
     public maxSize: number | undefined;
+    public uniqueName: boolean;
 
     public saveMethod: ((file: IFileDropperFile) => Promise<boolean>) | null;
     public deleteMethod: ((file: IFileDropperFile) => Promise<boolean>) | null;
@@ -72,7 +74,7 @@ export class FileDropperStore implements FileDropperStoreProps {
         // We need to make sure we first clear all subscriptions, otherwise it will delete twice
         this.subscriptionHandler({});
         const files = this.files;
-        const found = files.findIndex(f => f.name === file.name);
+        const found = files.findIndex(f => f.guid === file.guid);
         if (found !== -1) {
             if (file.status === "saved" && this.deleteMethod !== null) {
                 const deleted = yield this.deleteMethod(file);
@@ -111,6 +113,7 @@ export class FileDropperStore implements FileDropperStoreProps {
             maxNumber,
             accept,
             maxSize,
+            uniqueName,
             texts,
             validationMessages,
             saveBase64
@@ -128,6 +131,7 @@ export class FileDropperStore implements FileDropperStoreProps {
         this.accept = accept;
         this.maxNumber = typeof maxNumber !== "undefined" ? maxNumber : 0;
         this.maxSize = maxSize;
+        this.uniqueName = uniqueName;
         this.texts = texts;
     }
 
@@ -157,8 +161,7 @@ export class FileDropperStore implements FileDropperStoreProps {
 
     @action
     public addFile(file: File): void {
-        const found = this.files.findIndex(f => f.name === file.name);
-        if (found === -1) {
+        if (!this.uniqueName || this.files.every(f => f.name !== file.name)) {
             const newFile = new FileDropperFile(file, this.saveMethod, this.saveBase64);
             this.files.push(newFile);
             this.saveFile(newFile);

typings/FileDropperProps.d.ts

@@ -39,6 +39,7 @@ export interface FileDropperContainerProps extends CommonProps {
     restrictionMaxFileSize: number;
     restrictionMaxFileCount: number;
     restrictionMimeType: string;
+    restrictionUniqueName: boolean;
 
     verificationOnAcceptMicroflow: string;
     verificationEntity: string;