@axinom/mosaic-ui 0.34.0-rc.8 → 0.34.0-rc.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axinom/mosaic-ui",
-  "version": "0.34.0-rc.8",
+  "version": "0.34.0-rc.9",
   "description": "UI components for building Axinom Mosaic applications",
   "author": "Axinom",
   "license": "PROPRIETARY",
@@ -32,7 +32,7 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@axinom/mosaic-core": "^0.4.7-rc.8",
+    "@axinom/mosaic-core": "^0.4.7-rc.9",
     "@faker-js/faker": "^7.4.0",
     "@popperjs/core": "^2.9.2",
     "clsx": "^1.1.0",
@@ -102,5 +102,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5edc02cc390133cd76b231e57bde5394db8a5aa0"
+  "gitHead": "94ff309a76a395dfa2c13eed746c6603c15df0bd"
 }

package/src/components/FormElements/FileUploadControl/FileUploadControl.spec.tsx

@@ -203,6 +203,41 @@ describe('FileUploadControl', () => {
     );
   });
 
+  it('allows files with the same name to be uploaded multiple times', () => {
+    const spy = jest.fn();
+
+    const wrapper = mount(
+      <FileUploadControl name={'test-name'} onFileSelected={spy} />,
+    );
+
+    const fileInput = wrapper.find('input[type="file"]');
+
+    // Simulate first file upload
+    fileInput.simulate('change', { target: { files: mockFileList } });
+
+    expect(spy).toHaveBeenCalledTimes(1);
+    expect(spy).toHaveBeenCalledWith({
+      file: mockFile,
+      uploadCompleted: expect.any(Function),
+      uploadProgress: expect.any(Function),
+      uploadStarted: expect.any(Function),
+    });
+
+    // Reset spy
+    spy.mockReset();
+
+    // Simulate second file upload with the same file
+    fileInput.simulate('change', { target: { files: mockFileList } });
+
+    expect(spy).toHaveBeenCalledTimes(1);
+    expect(spy).toHaveBeenCalledWith({
+      file: mockFile,
+      uploadCompleted: expect.any(Function),
+      uploadProgress: expect.any(Function),
+      uploadStarted: expect.any(Function),
+    });
+  });
+
   describe('MIME Types', () => {
     const mockTypes = 'image/jpeg,image/png';
     const mockFile = new File([new ArrayBuffer(1)], 'image.png', {

package/src/components/FormElements/FileUploadControl/FileUploadControl.tsx

@@ -169,6 +169,8 @@ export const FileUploadControl: React.FC<FileUploadProps> = ({
               onChange={(event) => {
                 const file = event.target.files?.item(0);
                 file && fileSelected(file);
+                // Reset the value of the input field to ensure onChange fires even with same file
+                event.target.value = '';
               }}
             />
           </>