From de40b4b2b68140f70880744b54e7db4c5bd19e50 Mon Sep 17 00:00:00 2001
From: Tobias Johansson <tobias@tobias-johansson.se>
Date: Thu, 4 Apr 2019 10:44:22 +0200
Subject: [PATCH] Specify prop type

---
 src/scripts/js/es6/common/vuecomponents/table/Table.js     | 2 +-
 .../vuecomponents/table/cells/renderer/CellDefault.js      | 7 +++++--
 .../common/vuecomponents/table/cells/renderer/CellProxy.js | 7 +++++--
 .../common/vuecomponents/table/cells/renderer/HeadCell.js  | 4 +++-
 .../vuecomponents/table/columns/filter/ColumnFilter.js     | 2 +-
 .../common/vuecomponents/table/rows/filter/EnumFilter.js   | 2 +-
 .../js/es6/common/vuecomponents/table/rows/renderer/Row.js | 3 ++-
 7 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/scripts/js/es6/common/vuecomponents/table/Table.js b/src/scripts/js/es6/common/vuecomponents/table/Table.js
index 4c07fc95..7f318c80 100644
--- a/src/scripts/js/es6/common/vuecomponents/table/Table.js
+++ b/src/scripts/js/es6/common/vuecomponents/table/Table.js
@@ -91,7 +91,7 @@ let PillarTable = Vue.component('pillar-table-base', {
             default: true
         },
         componentState: {
-            // Instance of ComponentState
+            // Instance of ComponentState (but type Object since it has been deserialized)
             type: Object,
             default: undefined
         }
diff --git a/src/scripts/js/es6/common/vuecomponents/table/cells/renderer/CellDefault.js b/src/scripts/js/es6/common/vuecomponents/table/cells/renderer/CellDefault.js
index 08796aed..f02a6c84 100644
--- a/src/scripts/js/es6/common/vuecomponents/table/cells/renderer/CellDefault.js
+++ b/src/scripts/js/es6/common/vuecomponents/table/cells/renderer/CellDefault.js
@@ -1,3 +1,6 @@
+import {ColumnBase} from '../../columns/ColumnBase'
+import {RowBase} from '../../rows/RowObjectBase'
+
 const TEMPLATE =`
 <div>
     {{ cellValue }}
@@ -11,8 +14,8 @@ const TEMPLATE =`
 let CellDefault = Vue.component('pillar-cell-default', {
     template: TEMPLATE,
     props: {
-        column: Object,
-        rowObject: Object,
+        column: ColumnBase,
+        rowObject: RowBase,
         rawCellValue: [String,Number,Boolean,Array,Object,Date,Function,Symbol,],
     },
     computed: {
diff --git a/src/scripts/js/es6/common/vuecomponents/table/cells/renderer/CellProxy.js b/src/scripts/js/es6/common/vuecomponents/table/cells/renderer/CellProxy.js
index ac3322de..26bf97a9 100644
--- a/src/scripts/js/es6/common/vuecomponents/table/cells/renderer/CellProxy.js
+++ b/src/scripts/js/es6/common/vuecomponents/table/cells/renderer/CellProxy.js
@@ -1,3 +1,6 @@
+import {RowBase} from '../../rows/RowObjectBase'
+import {ColumnBase} from '../../columns/ColumnBase'
+
 const TEMPLATE =`
 <component class="pillar-cell"
     :class="cellClasses"
@@ -18,8 +21,8 @@ const TEMPLATE =`
 let CellProxy = Vue.component('pillar-cell-proxy', {
     template: TEMPLATE,
     props: {
-        column: Object, // ColumnBase
-        rowObject: Object // RowObject
+        column: ColumnBase,
+        rowObject: RowBase,
     },
     computed: {
         /**
diff --git a/src/scripts/js/es6/common/vuecomponents/table/cells/renderer/HeadCell.js b/src/scripts/js/es6/common/vuecomponents/table/cells/renderer/HeadCell.js
index aed74b34..870f0bb1 100644
--- a/src/scripts/js/es6/common/vuecomponents/table/cells/renderer/HeadCell.js
+++ b/src/scripts/js/es6/common/vuecomponents/table/cells/renderer/HeadCell.js
@@ -1,3 +1,5 @@
+import {ColumnBase} from '../../columns/ColumnBase'
+
 const TEMPLATE =`
 <div class="pillar-cell header-cell"
     :class="cellClasses"
@@ -34,7 +36,7 @@ const TEMPLATE =`
 Vue.component('pillar-head-cell', {
     template: TEMPLATE,
     props: {
-        column: Object
+        column: ColumnBase,
     },
     computed: {
         cellClasses() {
diff --git a/src/scripts/js/es6/common/vuecomponents/table/columns/filter/ColumnFilter.js b/src/scripts/js/es6/common/vuecomponents/table/columns/filter/ColumnFilter.js
index 04e0eff4..e167619b 100644
--- a/src/scripts/js/es6/common/vuecomponents/table/columns/filter/ColumnFilter.js
+++ b/src/scripts/js/es6/common/vuecomponents/table/columns/filter/ColumnFilter.js
@@ -63,7 +63,7 @@ let Filter = Vue.component('pillar-table-column-filter', {
     template: TEMPLATE,
     props: {
         columns: Array, // Instances of ColumnBase
-        componentState: Object, // Instance of ComponentState
+        componentState: Object, // Instance of ComponentState (but type Object since it has been deserialized)
     },
     data() {
         return {
diff --git a/src/scripts/js/es6/common/vuecomponents/table/rows/filter/EnumFilter.js b/src/scripts/js/es6/common/vuecomponents/table/rows/filter/EnumFilter.js
index 12e75f44..9422f510 100644
--- a/src/scripts/js/es6/common/vuecomponents/table/rows/filter/EnumFilter.js
+++ b/src/scripts/js/es6/common/vuecomponents/table/rows/filter/EnumFilter.js
@@ -63,7 +63,7 @@ let EnumFilter = {
     props: {
         label: String,
         availableValues: Array, // Array with valid values [{value: abc, displayName: xyz},...]
-        componentState: Object, // Instance of ComponentState.
+        componentState: Object, // Instance of ComponentState (but type Object since it has been deserialized)
         valueExtractorCB: {
             // Callback to extract enumvalue from a rowObject
             type: Function,
diff --git a/src/scripts/js/es6/common/vuecomponents/table/rows/renderer/Row.js b/src/scripts/js/es6/common/vuecomponents/table/rows/renderer/Row.js
index 660fd745..f64cfedf 100644
--- a/src/scripts/js/es6/common/vuecomponents/table/rows/renderer/Row.js
+++ b/src/scripts/js/es6/common/vuecomponents/table/rows/renderer/Row.js
@@ -1,4 +1,5 @@
 import '../../cells/renderer/CellProxy'
+import {RowBase} from '../RowObjectBase'
 
 
 const TEMPLATE =`
@@ -21,7 +22,7 @@ const TEMPLATE =`
 Vue.component('pillar-table-row', {
     template: TEMPLATE,
     props: {
-        rowObject: Object,
+        rowObject: RowBase,
         columns: Array
     },
     computed: {