chore: formatting

Vonage · Nov 25, 2024 · 7cfca1b · 7cfca1b
1 parent 573056c
commit 7cfca1b
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 18 deletions.
diff --git a/libs/components/src/lib/file-picker/README.md b/libs/components/src/lib/file-picker/README.md
@@ -110,10 +110,7 @@ Some examples of valid values are:
 If the user tries to upload a file that does not match the accepted files, the file picker displays an error message.
 
 ```html preview 230px
-<vwc-file-picker
-	helper-text=".jpg, .jpeg types only"
-	accept=".jpg, .jpeg"
->
+<vwc-file-picker helper-text=".jpg, .jpeg types only" accept=".jpg, .jpeg">
 	Drag & Drop or click to upload
 </vwc-file-picker>
 ```

diff --git a/libs/components/src/lib/file-picker/file-picker.spec.ts b/libs/components/src/lib/file-picker/file-picker.spec.ts
@@ -141,11 +141,14 @@ describe('vwc-file-picker', () => {
 
 		it('should show a custom error message (when supplied) for files larger than maxFileSize', async function () {
 			element.maxFileSize = 1; // 1 MB
-			element.fileTooBigError = 'File size of {{filesize}}MB is too big. Limit is {{maxFilesize}}MB.';
+			element.fileTooBigError =
+				'File size of {{filesize}}MB is too big. Limit is {{maxFilesize}}MB.';
 			const file = await generateFile('london.png', 2);
 			addFiles([file]);
 
-			expect(getErrorMessage(0)).toBe('File size of 2MB is too big. Limit is 1MB.');
+			expect(getErrorMessage(0)).toBe(
+				'File size of 2MB is too big. Limit is 1MB.'
+			);
 		});
 	});
 
@@ -157,7 +160,7 @@ describe('vwc-file-picker', () => {
 					await generateFile('london.png', 1),
 					await generateFile('london.png', 1),
 				]);
-	
+
 				expect(getErrorMessage(0)).toBe('');
 				expect(getErrorMessage(1)).toBe("You can't select any more files.");
 			});
@@ -166,14 +169,14 @@ describe('vwc-file-picker', () => {
 				element.maxFiles = 1;
 				element.maxFilesExceededError = 'Max files exceeded.';
 				await elementUpdated(element);
-				
+
 				addFiles([
 					await generateFile('london.png', 1),
 					await generateFile('london.png', 1),
 				]);
-	
+
 				expect(getErrorMessage(0)).toBe('');
-				expect(getErrorMessage(1)).toBe("Max files exceeded.");
+				expect(getErrorMessage(1)).toBe('Max files exceeded.');
 			});
 		});
 
@@ -284,7 +287,7 @@ describe('vwc-file-picker', () => {
 				await generateFile('london.txt', 1, 'text/plain'),
 			]);
 
-			expect(getErrorMessage(3)).toBe("File type not allowed.");
+			expect(getErrorMessage(3)).toBe('File type not allowed.');
 		});
 	});
 

diff --git a/libs/components/src/lib/file-picker/file-picker.ts b/libs/components/src/lib/file-picker/file-picker.ts
@@ -153,7 +153,8 @@ export class FilePicker extends FormAssociatedFilePicker {
 			return;
 		}
 
-		this.#dropzone.options.dictInvalidFileType = newValue || this.locale.filePicker.invalidFileTypeError;
+		this.#dropzone.options.dictInvalidFileType =
+			newValue || this.locale.filePicker.invalidFileTypeError;
 	}
 
 	/**
@@ -163,13 +164,15 @@ export class FilePicker extends FormAssociatedFilePicker {
 	 * @remarks
 	 * HTML Attribute: max-files-exceeded-error
 	 */
-	@attr({ attribute: 'max-files-exceeded-error' }) maxFilesExceededError?: string;
+	@attr({ attribute: 'max-files-exceeded-error' })
+	maxFilesExceededError?: string;
 	maxFilesExceededErrorChanged(_oldValue: string, newValue: string): void {
 		if (!this.#dropzone) {
 			return;
 		}
 
-		this.#dropzone.options.dictMaxFilesExceeded = newValue || this.locale.filePicker.maxFilesExceededError;
+		this.#dropzone.options.dictMaxFilesExceeded =
+			newValue || this.locale.filePicker.maxFilesExceededError;
 	}
 
 	/**
@@ -185,7 +188,8 @@ export class FilePicker extends FormAssociatedFilePicker {
 			return;
 		}
 
-		this.#dropzone.options.dictFileTooBig = newValue || this.locale.filePicker.fileTooBigError;
+		this.#dropzone.options.dictFileTooBig =
+			newValue || this.locale.filePicker.fileTooBigError;
 	}
 
 	override nameChanged(previous: string, next: string) {
@@ -292,9 +296,14 @@ export class FilePicker extends FormAssociatedFilePicker {
 			previewsContainer: previewList,
 			createImageThumbnails: false,
 			previewTemplate: generateFilePreviewTemplate(this.buttonTag, this.locale),
-			dictInvalidFileType: this.invalidFileTypeError || this.locale.filePicker.invalidFileTypeError,
-			dictMaxFilesExceeded: this.maxFilesExceededError || this.locale.filePicker.maxFilesExceededError,
-			dictFileTooBig: this.fileTooBigError || this.locale.filePicker.fileTooBigError,
+			dictInvalidFileType:
+				this.invalidFileTypeError ||
+				this.locale.filePicker.invalidFileTypeError,
+			dictMaxFilesExceeded:
+				this.maxFilesExceededError ||
+				this.locale.filePicker.maxFilesExceededError,
+			dictFileTooBig:
+				this.fileTooBigError || this.locale.filePicker.fileTooBigError,
 			error: this.#localizeErrorMessage,
 		});