Merge pull request code-dot-org#10300 from code-dot-org/upgrade-reactabular

Upgraded reactabular to v2.0.3

Author: aoby

apps/package.json

@@ -143,7 +143,7 @@
     "react-storybook-addon-add-stories-group": "0.1.0",
     "react-virtualized": "^7.19.4",
     "react-virtualized-select": "^1.3.0",
-    "reactabular": "^1.0.0",
+    "reactabular": "^2.0.3",
     "redux": "^3.3.1",
     "redux-logger": "^2.6.1",
     "redux-thunk": "^2.0.1",

apps/src/netsim/NetSimLogBrowserTable.jsx

@@ -88,87 +88,94 @@ const NetSimLogBrowserTable = React.createClass({
     let columns = [];
 
     columns.push({
+      property: 'timestamp',
       header: {
         label: 'Time',
         transforms: [sortable],
         props: {style: style.nowrap}
       },
       cell: {
-        property: 'timestamp',
         format: timeFormatter,
         props: {style: style.nowrapTd}
       }
     });
 
     if (this.props.teacherView) {
       columns.push({
+        property: 'sent-by',
         header: {
           label: 'Sent By',
           transforms: [sortable],
           props: {style: style.nowrap}
         },
-        cell: {property: 'sent-by', props: {style: style.nowrapTd}}
+        cell: {props: {style: style.nowrapTd}}
       });
     }
 
     columns.push({
+      property: 'logged-by',
       header: {
         label: 'Logged By',
         transforms: [sortable],
         props: {style: style.nowrap}
       },
-      cell: {property: 'logged-by', props: {style: style.nowrapTd}}
+      cell: {props: {style: style.nowrapTd}}
     });
 
     columns.push({
+      property: 'status',
       header: {
         label: 'Status',
         transforms: [sortable],
         props: {style: style.nowrap}
       },
-      cell: {property: 'status', props: {style: style.nowrapTd}}
+      cell: {props: {style: style.nowrapTd}}
     });
 
     if (showFromAddress) {
       columns.push({
+        property: 'from-address',
         header: {
           label: 'From',
           transforms: [sortable],
           props: {style: style.nowrap}
         },
-        cell: {property: 'from-address', props: {style: style.nowrapTd}}
+        cell: {props: {style: style.nowrapTd}}
       });
     }
 
     if (showToAddress) {
       columns.push({
+        property: 'to-address',
         header: {
           label: 'To',
           transforms: [sortable],
           props: {style: style.nowrap}
         },
-        cell: {property: 'to-address', props: {style: style.nowrapTd}}
+        cell: {props: {style: style.nowrapTd}}
       });
     }
 
     if (showPacketInfo) {
       columns.push({
+        property: 'packet-info',
         header: {
           label: 'Packet',
           transforms: [sortable],
           props: {style: style.nowrap}
         },
-        cell: {property: 'packet-info', props: {style: style.nowrapTd}}
+        cell: {props: {style: style.nowrapTd}}
       });
     }
 
     columns.push({
+      property: 'message',
       header: {
         label: 'Message',
         transforms: [sortable],
         props: {style: style.nowrap}
       },
-      cell: {property: 'message', props: {style: style.prewrapTd}}
+      cell: {props: {style: style.prewrapTd}}
     });
 
     const {logRows} = this.props;