chore: lint fix

Signed-off-by: Akshat Patel <[email protected]>

Author: Akshat55

src/file-uploader/file-uploader.component.ts

@@ -169,7 +169,7 @@ export class FileUploader implements ControlValueAccessor {
 	/**
 	 * Custom template used to render the file name of uploaded files
 	 */
-	@Input() fileNameTpl: TemplateRef<unknown>
+	@Input() fileNameTpl: TemplateRef<unknown>;
 	/**
 	 * Custom template used to render the file actions of uploaded files
 	 */

src/file-uploader/file.component.ts

@@ -5,7 +5,7 @@ import {
 	Input,
 	OnDestroy,
 	Output,
-	TemplateRef,
+	TemplateRef
 } from "@angular/core";
 
 import { I18n } from "carbon-components-angular/i18n";
@@ -18,25 +18,20 @@ import { FileItem } from "./file-item.interface";
 			<ng-template
 				*ngIf="isTemplate(nameTpl); else defaultName"
 				[ngTemplateOutlet]="nameTpl"
-				[ngTemplateOutletContext]="{ $implicit: fileItem }"
-			>
+				[ngTemplateOutletContext]="{ $implicit: fileItem }">
 			</ng-template>
 			<ng-template #defaultName>{{ fileItem.file.name }}</ng-template>
 		</p>
-		<span
-			*ngIf="fileItem.state === 'edit'"
-			class="cds--file__state-container"
-		>
+		<span *ngIf="fileItem.state === 'edit'" class="cds--file__state-container">
 			<svg
 				*ngIf="isInvalidText"
 				cdsIcon="warning--filled"
 				class="cds--file--invalid"
-				size="16"
-			></svg>
+				size="16">
+			</svg>
 			<ng-template
 				*ngIf="isTemplate(actionsTpl); else defaultActions"
-				[ngTemplateOutlet]="actionsTpl"
-			>
+				[ngTemplateOutlet]="actionsTpl">
 			</ng-template>
 			<ng-template #defaultActions>
 				<button
@@ -47,8 +42,7 @@ import { FileItem } from "./file-item.interface";
 					[attr.aria-label]="translations.REMOVE_BUTTON"
 					(click)="remove.emit()"
 					(keyup.enter)="remove.emit()"
-					(keyup.space)="remove.emit()"
-				>
+					(keyup.space)="remove.emit()">
 					<svg cdsIcon="trash-can" size="16"></svg>
 				</button>
 			</ng-template>
@@ -60,28 +54,26 @@ import { FileItem } from "./file-item.interface";
 		</span>
 		<span
 			*ngIf="fileItem.state === 'complete'"
-			class="cds--file__state-container"
-		>
+			class="cds--file__state-container">
 			<svg
 				cdsIcon="checkmark--filled"
 				size="16"
 				class="cds--file-complete"
-				[ariaLabel]="translations.CHECKMARK"
-			></svg>
+				[ariaLabel]="translations.CHECKMARK">
+			</svg>
 		</span>
 		<div
 			class="cds--form-requirement"
 			role="alert"
-			*ngIf="fileItem.invalid"
-		>
+			*ngIf="fileItem.invalid">
 			<div class="cds--form-requirement__title">
 				{{ fileItem.invalidTitle }}
 			</div>
 			<p class="cds--form-requirement__supplement">
 				{{ fileItem.invalidText }}
 			</p>
 		</div>
-	`,
+	`
 })
 export class FileComponent implements OnDestroy {
 	/**
@@ -109,8 +101,7 @@ export class FileComponent implements OnDestroy {
 
 	@HostBinding("class.cds--file__selected-file") selectedFile = true;
 
-	@HostBinding("class.cds--file__selected-file--invalid")
-	get isInvalidText() {
+	@HostBinding("class.cds--file__selected-file--invalid") get isInvalidText() {
 		return this.fileItem.invalidText;
 	}
 

src/file-uploader/file.stories.ts

@@ -15,26 +15,26 @@ export default {
 				CustomFileIconsModule,
 				FileUploaderModule,
 				IconModule
-			],
-		}),
+			]
+		})
 	],
 	args: {
-		size: "md",
+		size: "md"
 	},
 	argTypes: {
 		size: {
 			options: ["sm", "md", "lg"],
-			control: "radio",
-		},
+			control: "radio"
+		}
 	},
-	component: FileComponent,
+	component: FileComponent
 } as Meta;
 
 const BasicFileTemplate = (args) => ({
 	props: args,
 	size: {
 		options: ["sm", "md", "lg"],
-		control: "radio",
+		control: "radio"
 	},
 	template: `
         <!--
@@ -43,15 +43,15 @@ const BasicFileTemplate = (args) => ({
         https://github.com/IBM/carbon-components-angular/tree/master/src/file-uploader/stories/basic-file.component.ts
         -->
         <app-basic-file [size]="size"></app-basic-file>
-    `,
+    `
 });
 export const BasicFile = BasicFileTemplate.bind({});
 
 const CustomFileTemplate = (args) => ({
 	props: args,
 	size: {
 		options: ["sm", "md", "lg"],
-		control: "radio",
+		control: "radio"
 	},
 	template: `
         <!--
@@ -60,6 +60,6 @@ const CustomFileTemplate = (args) => ({
         https://github.com/IBM/carbon-components-angular/tree/master/src/file-uploader/stories/custom-file.component.ts
         -->
         <app-custom-file [size]="size"></app-custom-file>
-    `,
+    `
 });
 export const CustomFile = CustomFileTemplate.bind({});

src/file-uploader/stories/basic-file.component.ts

@@ -2,13 +2,13 @@ import { Component, Input } from "@angular/core";
 
 @Component({
 	selector: "app-basic-file",
-	template: `<cds-file [size]="size" [fileItem]="fileItem"></cds-file>`,
+	template: `<cds-file [size]="size" [fileItem]="fileItem"></cds-file>`
 })
 export class BasicFileStory {
 	@Input() size = "sm";
 
 	fileItem = {
 		file: new File(["foo"], "Lorem ipsum dolor sit amet.txt", { type: "text/plain" }),
-		state: "edit",
+		state: "edit"
 	};
 }

src/file-uploader/stories/custom-file-icons.module.ts

@@ -6,7 +6,7 @@ import View16 from "@carbon/icons/es/view/16";
 import { IconModule, IconService } from "../../icon";
 
 @NgModule({
-	imports: [CommonModule, IconModule],
+	imports: [CommonModule, IconModule]
 })
 export class CustomFileIconsModule {
 	constructor(private iconService: IconService) {

src/file-uploader/stories/custom-file.component.ts

@@ -7,8 +7,7 @@ import { Component, Input } from "@angular/core";
 			[size]="size"
 			[fileItem]="fileItem"
 			[nameTpl]="nameTpl"
-			[actionsTpl]="actionsTpl"
-		>
+			[actionsTpl]="actionsTpl">
 		</cds-file>
 
 		<ng-template #nameTpl let-fileItem>
@@ -20,29 +19,27 @@ import { Component, Input } from "@angular/core";
 				ibmButton="ghost"
 				iconOnly="true"
 				aria-label="View"
-				[size]="size"
-			>
+				[size]="size">
 				<svg ibmIcon="view" size="16"></svg>
 			</button>
 			<button
 				ibmButton="ghost"
 				iconOnly="true"
 				aria-label="Download"
-				[size]="size"
-			>
+				[size]="size">
 				<svg ibmIcon="download" size="16"></svg>
 			</button>
 		</ng-template>
 	`,
-	styles: [],
+	styles: []
 })
 export class CustomFileStory {
 	@Input() size = "sm";
 
 	fileItem = {
 		file: new File(["foo"], "Lorem ipsum dolor sit amet.txt", {
-			type: "text/plain",
+			type: "text/plain"
 		}),
-		state: "edit",
+		state: "edit"
 	};
 }

src/file-uploader/stories/uploader-custom-file.component.ts

@@ -18,15 +18,13 @@ import { FileItem } from "../";
 			[fileItemSize]="fileItemSize"
 			[disabled]="disabled"
 			[fileNameTpl]="nameTpl"
-			[fileActionsTpl]="actionsTpl"
-		>
+			[fileActionsTpl]="actionsTpl">
 		</cds-file-uploader>
 		<button
 			cdsButton
 			*ngIf="files && files.size > 0"
 			(click)="onUpload()"
-			style="margin-top:20px"
-		>
+			style="margin-top:20px">
 			Upload
 		</button>
 
@@ -39,20 +37,18 @@ import { FileItem } from "../";
 				ibmButton="ghost"
 				iconOnly="true"
 				aria-label="View"
-				[size]="fileItemSize"
-			>
+				[size]="fileItemSize">
 				<svg ibmIcon="view" size="16"></svg>
 			</button>
 			<button
 				ibmButton="ghost"
 				iconOnly="true"
 				aria-label="Download"
-				[size]="fileItemSize"
-			>
+				[size]="fileItemSize">
 				<svg ibmIcon="download" size="16"></svg>
 			</button>
 		</ng-template>
-	`,
+	`
 })
 export class FileUploaderWithCustomFileStory {
 	@Input() files = new Set<FileItem>();