Merge pull request #17 from mxenabled/type_ahead

Add TypeAhead Component

.eslintrc

@@ -186,7 +186,7 @@
     "react/no-did-update-set-state": 2,
     "react/no-multi-comp": 2,
     "react/no-unknown-property": 2,
-    "react/prop-types": 0,
+    "react/prop-types": [2, { "ignore": ["style", "children"] }],
     "react/react-in-jsx-scope": 2,
     "react/require-extension": [2, { "extensions": [".js", ".jsx"] }],
     "react/self-closing-comp": 2,

demo/app.js

@@ -1,5 +1,5 @@
 const React = require('react');
-const { Select, Icon, RangeSelector, Loader, DonutChart } = require('../src/Index');
+const { Select, Icon, RangeSelector, Loader, DonutChart, TypeAhead } = require('../src/Index');
 
 const styles = {
   block: {
@@ -280,6 +280,22 @@ const Demo = React.createClass({
         <br/><br/>
         <DonutChart data={donutChartData} />
         <br/><br/>
+        <TypeAhead
+          items={[
+            'JPMorgan Chase',
+            'Bank of America',
+            'Citigroup',
+            'Wells Fargo',
+            'The Bank of New York Mellon',
+            'U.S. Bancorp',
+            'HSBC Bank USA',
+            'Capital One',
+            'PNC Financial Services',
+            'State Street Corporation'
+          ]}
+          placeholderText='Select a Bank'
+        />
+        <br/><br/>
         <Select
           isMobile={false}
           onChange={this._handleSelectChange}

src/Index.js

@@ -5,5 +5,6 @@ module.exports = {
   RajaIcon: require('./components/RajaIcon'),
   RangeSelector: require('./components/RangeSelector'),
   Select: require('./components/Select'),
-  Spin: require('./components/Spin')
+  Spin: require('./components/Spin'),
+  TypeAhead: require('./components/TypeAhead')
 };