feat(table): Support sorting on nested object properties (#1868)

bobzurad · tmorehouse · commit b699e4b53e10 · 2018-10-23T12:59:02.000-03:00
diff --git a/src/components/table/README.md b/src/components/table/README.md
@@ -241,10 +241,12 @@ export default {
           sortable: true
         },
         city: {
-          key: 'address.city'
+          key: 'address.city',
+          sortable: true
         },
         'address.country': {
-          label: 'Country'
+          label: 'Country',
+          sortable: true
         }
       },
       items: [
diff --git a/src/components/table/table.js b/src/components/table/table.js
@@ -40,14 +40,31 @@ function recToString (obj) {
 }
 
 function defaultSortCompare (a, b, sortBy) {
-  if (typeof a[sortBy] === 'number' && typeof b[sortBy] === 'number') {
-    return (a[sortBy] < b[sortBy] && -1) || (a[sortBy] > b[sortBy] && 1) || 0
+  if (sortBy.indexOf('.') < 0) {
+    return sort(a[sortBy], b[sortBy])
+  } else {
+    return sort(getNestedValue(a, sortBy), getNestedValue(b, sortBy))
   }
-  return toString(a[sortBy]).localeCompare(toString(b[sortBy]), undefined, {
+}
+
+function sort (a, b) {
+  if (typeof a === 'number' && typeof b === 'number') {
+    return (a < b && -1) || (a > b && 1) || 0
+  }
+  return toString(a).localeCompare(toString(b), undefined, {
     numeric: true
   })
 }
 
+function getNestedValue (obj, path) {
+  path = path.split('.')
+  var value = obj
+  for (var i = 0; i < path.length; i++) {
+    value = value[path[i]]
+  }
+  return value
+}
+
 function processField (key, value) {
   let field = null
   if (typeof value === 'string') {
