Allow to filter by column: value

This Branch improves the way filterBy workes, by allowing it to be
set with and hash like {'Column': 'search query'} programatically.

Another improvement, that still needs to be touched is the ability to do
the same from the search box in a form of 'Column: search query' that will be
split by the ':' and use each side as column to filter, and value.

Author: jpserra

Gruntfile.js

@@ -131,4 +131,3 @@ module.exports = function(grunt) {
     grunt.registerTask('build', ['babel:common', 'buildBrowser']);
     grunt.registerTask('default', ['build', 'watch:build']);
 };
-

build/reactable.js

@@ -239,10 +239,28 @@ window.ReactDOM["default"] = window.ReactDOM;
         }, {
             key: 'render',
             value: function render() {
+                var value = '';
+                if (typeof this.props.value != 'string') {
+                    var should_slice = false;
+                    for (var key in this.props.value) {
+                        if (key && this.props.value[key]) {
+                            should_slice = true;
+                            value += key + ': ' + this.props.value[key] + ', ';
+                        } else {
+                            value += key + ': ';
+                        }
+                    }
+                    if (should_slice) {
+                        value = value.slice(0, -2);
+                    }
+                } else {
+                    value = this.props.value;
+                }
+                value = value.trim();
                 return _react['default'].createElement('input', { type: 'text',
                     className: 'reactable-filter-input',
                     placeholder: this.props.placeholder,
-                    value: this.props.value,
+                    value: value,
                     onKeyUp: this.onChange.bind(this),
                     onChange: this.onChange.bind(this) });
             }
@@ -1204,24 +1222,85 @@ window.ReactDOM["default"] = window.ReactDOM;
         }, {
             key: 'applyFilter',
             value: function applyFilter(filter, children) {
-                // Helper function to apply filter text to a list of table rows
-                filter = filter.toLowerCase();
-                var matchedChildren = [];
+                if (typeof filter === 'string') {
+                    // Helper function to apply filter text to a list of table rows
+                    filter = filter.toLowerCase();
+                    var matchedChildren = [];
 
-                for (var i = 0; i < children.length; i++) {
-                    var data = children[i].props.data;
+                    for (var i = 0; i < children.length; i++) {
+                        var data = children[i].props.data;
 
-                    for (var j = 0; j < this.props.filterable.length; j++) {
-                        var filterColumn = this.props.filterable[j];
+                        for (var j = 0; j < this.props.filterable.length; j++) {
+                            var filterColumn = this.props.filterable[j];
 
-                        if (typeof data[filterColumn] !== 'undefined' && (0, _libExtract_data_from.extractDataFrom)(data, filterColumn).toString().toLowerCase().indexOf(filter) > -1) {
-                            matchedChildren.push(children[i]);
-                            break;
+                            if (typeof data[filterColumn] !== 'undefined' && (0, _libExtract_data_from.extractDataFrom)(data, filterColumn).toString().toLowerCase().indexOf(filter) > -1) {
+                                matchedChildren.push(children[i]);
+                                break;
+                            }
                         }
                     }
+
+                    return matchedChildren;
+                } else {
+                    var _ret = (function () {
+
+                        var filterCount = Object.keys(filter).length;
+                        var matchedChildren = [];
+
+                        for (var filterColumn in filter) {
+                            var val = filter[filterColumn].toLowerCase();
+                            for (var i = 0; i < children.length; i++) {
+                                var data = children[i].props.data;
+                                if (typeof data[filterColumn] !== 'undefined' && (0, _libExtract_data_from.extractDataFrom)(data, filterColumn).toString().toLowerCase().indexOf(val) > -1) {
+                                    matchedChildren.push(children[i]);
+                                }
+                            }
+                        }
+
+                        if (filterCount > 1) {
+                            var result = [];
+                            return {
+                                v: matchedChildren.map(function (children) {
+                                    var occurrences = matchedChildren.filter(function (value) {
+                                        return value.key === children.key;
+                                    }).length;
+                                    if (occurrences == filterCount) {
+                                        return children;
+                                    }
+                                })
+                            };
+                        } else {
+                            return {
+                                v: matchedChildren
+                            };
+                        }
+                    })();
+
+                    if (typeof _ret === 'object') return _ret.v;
                 }
+            }
+        }, {
+            key: 'onFilter',
+            value: function onFilter(filters) {
+                if (typeof filters === 'string' && filters.indexOf(':') != -1) {
+                    var filterObj = {};
+                    filters = filters.trim();
+                    var col = '';
+                    var val = '';
+
+                    var filter = filters.split(':');
+                    if (filter[0]) {
+                        col = filter[0].trim();
+                    }
+                    if (filter[1]) {
+                        val = filter[1].trim();
+                    }
+                    filterObj[col] = val;
 
-                return matchedChildren;
+                    filters = filterObj;
+                }
+
+                this.setState({ filter: filters });
             }
         }, {
             key: 'sortByCurrentSort',
@@ -1284,7 +1363,7 @@ window.ReactDOM["default"] = window.ReactDOM;
                 this.setState({ currentSort: currentSort });
                 this.sortByCurrentSort();
 
-                if (this.props.onSort) {
+                if (typeof this.props.onSort === 'function') {
                     this.props.onSort(currentSort);
                 }
             }
@@ -1410,9 +1489,7 @@ window.ReactDOM["default"] = window.ReactDOM;
                     props,
                     columns && columns.length > 0 ? _react['default'].createElement(_thead.Thead, { columns: columns,
                         filtering: filtering,
-                        onFilter: function (filter) {
-                            _this.setState({ filter: filter });
-                        },
+                        onFilter: this.onFilter.bind(this),
                         filterPlaceholder: this.props.filterPlaceholder,
                         currentFilter: this.state.filter,
                         sort: this.state.currentSort,