refactor: typing improvements and fixes

Signed-off-by: Pedro Lamas <[email protected]>

Author: pedrolamas

src/components/ui/AppColumnPicker.vue

@@ -66,7 +66,7 @@ export default class AppColumnPicker extends Vue {
   @Prop({ type: String, required: true })
   readonly keyName!: string
 
-  @Prop({ type: Array<AppDataTableHeader>, required: true })
+  @Prop({ type: Array, required: true })
   readonly headers!: AppDataTableHeader[]
 
   get configurableHeaders (): AppDataTableHeader[] {

src/components/ui/AppDataTableRow.vue

@@ -73,10 +73,10 @@ export type DefaultGetterFunction = typeof defaultGetter
   inheritAttrs: false
 })
 export default class AppDataTableRow extends Vue {
-  @Prop({ type: Array<DataTableHeader> })
+  @Prop({ type: Array, required: true })
   readonly headers!: DataTableHeader[]
 
-  @Prop({ type: Object })
+  @Prop({ type: Object, required: true })
   readonly item!: unknown
 
   @Prop({ type: Boolean })

src/components/ui/AppNamedSlider.vue

@@ -99,7 +99,7 @@ export default class AppNamedSlider extends Vue {
   @Prop({ type: String, required: true })
   readonly label!: string
 
-  @Prop({ type: Array<InputValidationRules> })
+  @Prop({ type: Array })
   readonly rules?: InputValidationRules[]
 
   @Prop({ type: Boolean })

src/components/ui/AppNamedTextField.vue

@@ -79,7 +79,7 @@ export default class AppNamedTextField extends Mixins(StateMixin) {
   @Prop({ type: String })
   readonly suffix!: string
 
-  @Prop({ type: Array<InputValidationRules> })
+  @Prop({ type: Array })
   readonly rules?: InputValidationRules[]
 
   handleReset () {

src/components/ui/AppUpDownBtnGroup.vue

@@ -31,7 +31,7 @@ import { Component, Vue, Prop } from 'vue-property-decorator'
 
 @Component({})
 export default class AppUpDownBtnGroup extends Vue {
-  @Prop({ type: Array<number>, required: true })
+  @Prop({ type: Array, required: true })
   readonly values!: number[]
 
   @Prop({ type: String })

src/components/widgets/bedmesh/BedMeshChart.vue

@@ -29,7 +29,7 @@ export default class BedMeshChart extends Mixins(BrowserMixin) {
   @Prop({ type: Array, required: true })
   readonly data!: []
 
-  @Prop({ type: Array<GraphicComponentOption>, default: () => [] })
+  @Prop({ type: Array, default: () => [] })
   readonly graphics!: GraphicComponentOption[]
 
   @Prop({ type: Object, default: () => {} })

src/components/widgets/filesystem/FileSystemBrowser.vue

@@ -131,13 +131,13 @@ import type { DefaultGetterFunction } from '@/components/ui/AppDataTableRow.vue'
   }
 })
 export default class FileSystemBrowser extends Mixins(FilesMixin) {
-  @VModel({ type: Array<FileBrowserEntry>, required: true })
+  @VModel({ type: Array, required: true })
   selected!: FileBrowserEntry[]
 
   @Prop({ type: String, required: true })
   readonly root!: string
 
-  @Prop({ type: Array<FileBrowserEntry>, required: true })
+  @Prop({ type: Array, required: true })
   readonly files!: FileBrowserEntry[]
 
   @Prop({ type: Boolean })
@@ -147,7 +147,7 @@ export default class FileSystemBrowser extends Mixins(FilesMixin) {
   readonly loading?: boolean
 
   // Currently defined list of headers.
-  @Prop({ type: Array<DataTableHeader>, required: true })
+  @Prop({ type: Array, required: true })
   readonly headers!: DataTableHeader[]
 
   @Prop({ type: String })

src/components/widgets/filesystem/FileSystemToolbar.vue

@@ -174,11 +174,11 @@ export default class FileSystemToolbar extends Mixins(StatesMixin) {
   readonly name!: string
 
   // Can be a list of roots, or a single root.
-  @Prop({ type: Array<string> })
+  @Prop({ type: Array })
   readonly roots?: string[]
 
   // Currently defined list of headers.
-  @Prop({ type: Array<AppDataTableHeader> })
+  @Prop({ type: Array })
   readonly headers?: AppDataTableHeader[]
 
   // The current path

src/components/widgets/job-queue/JobQueueBrowser.vue

@@ -63,7 +63,7 @@ type QueueJobWithKey = QueuedJob & {
 
 @Component({})
 export default class JobQueueBrowser extends Mixins(StateMixin) {
-  @VModel({ type: Array<QueuedJob>, default: () => [] })
+  @VModel({ type: Array, default: () => [] })
   selected!: QueuedJob[]
 
   @Prop({ type: Boolean })
@@ -72,7 +72,7 @@ export default class JobQueueBrowser extends Mixins(StateMixin) {
   @Prop({ type: Boolean })
   readonly bulkActions?: boolean
 
-  @Prop({ type: Array<DataTableHeader>, required: true })
+  @Prop({ type: Array, required: true })
   readonly headers!: DataTableHeader[]
 
   get jobs (): QueuedJob[] {

src/components/widgets/job-queue/JobQueueToolbar.vue

@@ -46,7 +46,7 @@ import type { AppDataTableHeader } from '@/types'
 
 @Component({})
 export default class JobQueueToolbar extends Vue {
-  @Prop({ type: Array<AppDataTableHeader> })
+  @Prop({ type: Array })
   readonly headers?: AppDataTableHeader[]
 }
 </script>