allow to search in an array

Author: mathieudutour

bower.json

@@ -4,7 +4,7 @@
     "react-search-input.js",
     "react-search-input.css"
   ],
-  "version": "0.2.0",
+  "version": "0.2.1",
   "homepage": "https://github.com/enki-com/react-search-input",
   "description": "Simple react.js component for a search input, providing a filter function.",
   "keywords": [

example/index.html

@@ -51,21 +51,57 @@
             job: 'Software Engineer',
             company: 'Enki'
           },
-          subject: 'Hi!'
+          subject: 'Hi!',
+          dest: [
+            {
+              name: 'Bruno',
+              job: 'CTO',
+              company: 'Enki'
+            },
+            {
+              name: 'Arseny',
+              job: 'Software Engineer',
+              company: 'Enki'
+            }
+          ]
         }, {
           user: {
             name: 'foo'
           },
-          subject: 'bar'
+          subject: 'bar',
+          dest: [
+            {
+              name: 'Bruno',
+              job: 'CTO',
+              company: 'Enki'
+            },
+            {
+              name: 'Arseny',
+              job: 'Software Engineer',
+              company: 'Enki'
+            }
+          ]
         }, {
           user: {
             name: 'bar'
           },
-          subject: 'foo'
+          subject: 'foo',
+          dest: [
+            {
+              name: 'Bruno',
+              job: 'CTO',
+              company: 'Enki'
+            },
+            {
+              name: 'Arseny',
+              job: 'Software Engineer',
+              company: 'Enki'
+            }
+          ]
         }];
 
         if (this.refs.search) {
-          var filters = ['user.name', 'subject'];
+          var filters = ['user.name', 'subject', 'dest.name'];
           mails = mails.filter(this.refs.search.filter(filters));
         }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-search-input",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Simple react.js component for a search input, providing a filter function.",
   "main": "react-search-input.js",
   "dependencies": {

react-search-input.js

@@ -62,30 +62,57 @@
           // escape special symbols to ensure `term` is a valid regex
           term = term.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
 
-          var _getValueForKey = function(key, _item) {
+          var _getValuesForKey = function(key, _item) {
             var keys = key.split('.');
-            var result = _item;
+            var results = [_item];
             keys.forEach(function(_key) {
-              result = result && result[_key];
+              var tmp = [];
+              results.forEach(function(result) {
+                if (result) {
+                  if(result instanceof Array) {
+                    result.forEach(function(res) {
+                      tmp.push(res[_key]);
+                    });
+                  } else {
+                    tmp.push(result[_key]);
+                  }
+                }
+              });
+              results = tmp;
+            });
+            return results.map(function(result) {
+              if (typeof result === 'string') {
+                return result.toLowerCase();
+              } else {
+                return null;
+              }
             });
-
-            return result && result.toLowerCase();
           };
 
           if (keys) {
             if( typeof keys === 'string' ) {
               keys = [keys];
             }
             for (var i = 0; i < keys.length; i++) {
-              var value = _getValueForKey(keys[i], item);
-              if (value && value.search(term) !== -1) {
+              var values = _getValuesForKey(keys[i], item);
+              var found = false;
+              values.forEach(function(value) {
+                if (value && value.search(term) !== -1) {
+                  found = true;
+                }
+              });
+              if (found) {
                 return true;
               }
             }
             return false;
           } else {
-            var stringValue = item.toLowerCase();
-            return (stringValue.search(term) !== -1);
+            if( typeof item === 'string' ) {
+              var stringValue = item.toLowerCase();
+              return (stringValue.search(term) !== -1);
+            } else {
+              return false;
+            }
           }
         }.bind(this);
       }