add prop to case sensitive

Author: mathieudutour

README.md

@@ -88,7 +88,11 @@ Either an `[String]` or a `String`. Will be use by the `filter` method if no arg
 
 ##### throttle
 
-Reduce call frequency to the `onChange` function (in ms). Default is 200.
+Reduce call frequency to the `onChange` function (in ms). Default is `200`.
+
+##### caseSensitive
+
+Define if the search should be case sensitive. Default is `false`
 
 ### Methods
 
@@ -100,7 +104,7 @@ If an array `keys` is an array, the function will return true if at least one of
 
 ### Static Methods
 
-##### filter(searchTerm, [keys])
+##### filter(searchTerm, [keys], [caseSensitive])
 
 Return a function which can be used to filter an array. `searchTerm` can be a `regex` or a `String`. `keys` can be `String`, `[String]` or `null`.
 

bower.json

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

package.json

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

react-search-input.js

@@ -12,7 +12,23 @@
   var Search = React.createClass({
     propTypes: {
       className: React.PropTypes.string,
-      onChange: React.PropTypes.func
+      onChange: React.PropTypes.func,
+      caseSensitive: React.PropTypes.bool,
+      throttle: React.PropTypes.number,
+      filterKeys: React.PropTypes.oneOf([
+        React.PropTypes.string,
+        React.PropTypes.arrayOf(React.PropTypes.string)
+      ])
+
+    },
+
+    getDefaultProps: function() {
+      return {
+        className: '',
+        onChange: function() {},
+        caseSensitive: false,
+        throttle: 200
+      }
     },
 
     getInitialState: function() {
@@ -42,26 +58,25 @@
         if (this._throttleTimeout) {
           clearTimeout(this._throttleTimeout);
         }
-        this._throttleTimeout = setTimeout(function() {
-          if (this.props.onChange) {
-            this.props.onChange(searchTerm);
-          }
-        }.bind(this), this.props.throttle);
+        this._throttleTimeout = setTimeout(this.props.onChange, this.props.throttle, searchTerm);
       }.bind(this));
     },
 
     filter: function(keys) {
       return Search.filter(this.state.searchTerm,
-                           keys || this.props.filterKeys);
+                    keys || this.props.filterKeys, this.props.caseSensitive);
     },
 
     statics: {
-      filter: function(term, keys) {
+      filter: function(term, keys, caseSensitive) {
         return function(item) {
           if (term === '') {return true;}
           // escape special symbols to ensure `term` is a valid regex
           //var escapedTerm = term.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-          term = term.toLowerCase();
+
+          if (!caseSensitive) {
+            term = term.toLowerCase();
+          }
 
           if (keys) {
             if( typeof keys === 'string' ) {