Add support for custom onSort function in calculations/dimensions (#67)

* Add support for custom onSort function in calculations/dimensions

* Use sortBy instead of onSort

Author: josueus

README.md

@@ -109,6 +109,9 @@ var calculations = [
     title: 'Amount', value: 'amountTotal',
     template: function(val, row) {
       return '$' + val.toFixed(2)
+    },
+    sortBy: function(row) {
+      return isNaN(row.amountTotal) ? 0 : row.amountTotal
     }
   }
 ]

example/demo.jsx

@@ -30,7 +30,8 @@ var calculations = [
   {
     title: 'Count',
     value: 'count',
-    className: 'alignRight'
+    className: 'alignRight',
+    sortBy: function(row) { return row.count }
   },
   {
     title: 'Amount',

index.jsx

@@ -97,7 +97,7 @@ module.exports = createReactClass({
 
       columns.push({
         type: 'dimension', title: d.title, value: d.value,
-        className: d.className, template: d.template
+        className: d.className, template: d.template, sortBy: d.sortBy
       })
     })
 
@@ -106,7 +106,7 @@ module.exports = createReactClass({
 
       columns.push({
         type:'calculation', title: c.title, template: c.template,
-        value: c.value, className: c.className
+        value: c.value, className: c.className, sortBy: c.sortBy
       })
     })
 
@@ -177,7 +177,7 @@ module.exports = createReactClass({
     var sortCol = _.find(columns, function(col) {
       return col.title === sortByTitle
     }) || {}
-    var sortBy = sortCol.type === 'dimension' ? sortCol.title : sortCol.value
+    var sortBy = sortCol.sortBy || (sortCol.type === 'dimension' ? sortCol.title : sortCol.value);
     var sortDir = this.state.sortDir
 
     var calcOpts = {