- Fix inconsistent quote styles to maintain coding standards.

- Format array declarations for better readability in `controller.ts`.
- Correct typos in `CHANGELOG.md`.
- Adjust imports for consistency in `vitest.config.mjs`.
- Refactor `vitest.setup.js` for improved code structure.

Author: Carlos Hernández

src/Dropzone/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## 2.31
 
-- Suport for multiple files drag and drop and peviews
+-  Support for multiple files drag and drop and peviews
 
 ## 2.30
 

src/Dropzone/assets/src/controller.ts

@@ -7,15 +7,23 @@
  * file that was distributed with this source code.
  */
 
-import {Controller} from '@hotwired/stimulus';
+import { Controller } from '@hotwired/stimulus';
 
 export default class extends Controller {
     declare readonly inputTarget: HTMLInputElement;
     declare readonly placeholderTarget: HTMLDivElement;
     declare readonly previewTargets: HTMLDivElement[];
     declare readonly previewContainerTarget: HTMLDivElement;
 
-    static targets = ['input', 'placeholder', 'preview', 'previewClearButton', 'previewFilename', 'previewImage', 'previewContainer'];
+    static targets = [
+        'input',
+        'placeholder',
+        'preview',
+        'previewClearButton',
+        'previewFilename',
+        'previewImage',
+        'previewContainer'
+    ];
 
     files: Map<string, File> = new Map<string, File>();
 
@@ -58,13 +66,13 @@ export default class extends Controller {
             }
         }
         if (!this.inputTarget || !this.inputTarget.files || this.inputTarget?.files?.length === 0) {
-            this.placeholderTarget.style.display = "block";
+            this.placeholderTarget.style.display = 'block';
             if (!this.isMultiple) {
-                this.inputTarget.style.display = "block";
+                this.inputTarget.style.display = 'block';
             }
         }
 
-        this.dispatchEvent("clear");
+        this.dispatchEvent('clear');
     }
 
     onInputChange() {
@@ -75,14 +83,14 @@ export default class extends Controller {
         }
 
         if (!this.isMultiple && this.files.size > 0) {
-            this.inputTarget.style.display = "none";
+            this.inputTarget.style.display = 'none';
         }
 
         const selectedFiles = this.isMultiple ? Array.from(files) : Array.from(files).slice(0, 1);
         this.addFiles(selectedFiles);
         this.updateFileInput();
         this.renderPreview();
-        this.dispatchEvent("change", files);
+        this.dispatchEvent('change', files);
     }
 
     private renderPreview() {
@@ -106,7 +114,7 @@ export default class extends Controller {
 
     private clearPreviewContainer() {
         const previews = this.previewTargets;
-        previews.slice(1).forEach(el => el.remove());
+        previews.slice(1).forEach((el) => el.remove());
     }
 
     private buildPreview(file: File, element?: HTMLElement): HTMLElement {
@@ -117,7 +125,7 @@ export default class extends Controller {
 
         const fileName = element.querySelector('.dropzone-preview-filename');
         if (fileName) {
-            fileName.textContent = file.name
+            fileName.textContent = file.name;
         }
 
         const button = element.querySelector('.dropzone-preview-button');
@@ -176,6 +184,6 @@ export default class extends Controller {
     }
 
     private dispatchEvent(name: string, payload: any = {}) {
-        this.dispatch(name, {detail: payload, prefix: 'dropzone'});
+        this.dispatch(name, { detail: payload, prefix: 'dropzone' });
     }
 }

src/Dropzone/assets/test/vitest.setup.js

@@ -23,7 +23,9 @@ class MockDataTransfer {
     }
 
     setData() {}
-    getData() { return ''; }
+    getData() {
+        return '';
+    }
     clearData() {
         this.files.length = 0;
     }

src/Dropzone/assets/vitest.config.mjs

@@ -1,4 +1,4 @@
-import { mergeConfig, defineConfig } from 'vitest/config';
+import { defineConfig, mergeConfig } from 'vitest/config';
 import configShared from '../../../vitest.config.base.mjs';
 
 export default mergeConfig(