Merge branch 'release/0.3.11' into develop

Author: furqanZafar

CHANGELOG.md

@@ -1,55 +1,37 @@
 # React Selectize
 
-## v0.1.1 / 11th September 2015
-* added `highlightFirstSelectableOption` method to both the SimpleSelect & the MultiSelect components.
-* changed filterOptions signature for SimpleSelect from `[Item] -> Item -> String -> [Item]` to `[Item]-> String -> [Item]`
-
-## v0.1.2 / 11th September 2015
-* updated package.json added keywords & removed license property
+## v0.3.11 / 20th January 2016
+* fixed case sensitivity bug in MultiSelect. (#20)
 
-## v0.1.3 / 12th September 2015
-* fixed a bug where invoking the callback onValueChange synchronously would not close the options menu
-* fixed a bug where the SimpleSelect onValueChange callback was invoked even when the user selected the same item
-* minor tweaks & improvements to the default stylesheet
+## v0.3.10 / 19th January 2016
+* fixed a bug where elements behind the dropdown were not clickable even though the dropdown was closed. (#18)
 
-## v0.1.4 / 15th September 2015
-* fixed option menu toggle on tap/click in mobile safari
+## v0.3.9 / 18th January 2016
+* added `on-enter :: Item -> Void` prop, fired (with the `highlighted-option`) when the user hits the enter key (#19)
 
-## v0.1.6 / 19th September 2015
-* introduced a new prop `autosize`, allows consumers to provide custom autosize logic for search input, the default implementation now supports nonmodern browsers
+## v0.3.8 / 16th January 2016
+* fixed a bug where passing `restore-on-backspace` prop wouldn't work in conjunction with `render-no-results-found` prop (#14)
 
-## v0.2.0 / 19th September 2015
-* drop in replacement for React.DOM.Select, accepts options as children
-* added a new prop `dropdownDirection`, setting it to -1 forces the options menu to open upwards
-* option group support (as rows and columns)
-* updated the signature of refs.selectInstance.focus from `a -> Void` to `a -> (a -> Void) -> Void`, i.e. the focus function now accepts a callback as the first parameter which is fired when the options menu is visible
-* improved performance by implementing shouldComponentUpdate lifecycle method for *Wrapper classes, added `uid :: (Eq e) => Item -> e` prop
-* changed the signature of renderOption & renderValue props from `Int -> Item -> ReactElement` to `Item -> ReactElement`
+## v0.3.7 / 2nd November 2015
+* call `on-blur` only if the dropdown is open, thanks @alurim 
 
-## v0.2.1 / 20th September 2015
-* fixed React Warnings caused by missing key property for ValueWrapper components
-* allowing for wide range of react versions including 0.14.x-rc*
-* uid property for MultiSelect components
+## v0.3.6 / 30th October 2015
+* updated package.json to include (React 0.14.0 and above) thanks @HankMcCoy
 
-## v0.2.2 / 21st September 2015
-* fixed a bug where the input element would not autosize on entering search text
-* avoid firing onValueChange with undefined value when the user enters new search text
+## v0.3.5 / 16th October 2015
+* improved the default auto-size implementation
 
-## v0.2.3 / 23rd September 2015
-* fixed a bug where passing a single child element would not show up in the dropdown
-* fixed other minor bugs identified by unit testing
+## v0.3.4 / 14th October 2015
+* fixed a bug where the height of the ".dropdown-transition" element blocked the dom underneath (#6)
 
-## v0.2.4 / 26th September 2015
-* perf optimization, using result of props.uid method to compare items instead of deep equals
-* added HighlightedText component to help with search highlighting
+## v0.3.3 / 13th October 2015
+* added missing dependency react-addons-css-transition-group to package.json
 
-## v0.2.5 / 28th September 2015
-* create index.css to fix style duplication when importing both SimpleSelect.css & MultiSelect.css
-* clicking on the arrow button toggles the dropdown
-* minor css tweaks
+## v0.3.2 / 13th October 2015
+* animated dropdown
 
-## v0.2.6 / 8th October 2015
-* fixed a bug where selecting an option did not update the highlighted-uid (multi select). Thanks @edgarzakaryan
+## v0.3.1 / 10th October 2015
+* added `defaultValue` prop for `SimpleSelect` & `defaultValues` prop for `MultiSelect`
 
 ## v0.3.0 / 9th October 2015
 * upgraded to react 0.14.0
@@ -59,32 +41,53 @@
 * wrap around when navigating options with arrow keys
 * close multi-select when there are no more options left to select
 
-## v0.3.1 / 10th October 2015
-* added `defaultValue` prop for `SimpleSelect` & `defaultValues` prop for `MultiSelect`
+## v0.2.6 / 8th October 2015
+* fixed a bug where selecting an option did not update the highlighted-uid (multi select). Thanks @edgarzakaryan
 
-## v0.3.2 / 13th October 2015
-* animated dropdown
+## v0.2.5 / 28th September 2015
+* create index.css to fix style duplication when importing both SimpleSelect.css & MultiSelect.css
+* clicking on the arrow button toggles the dropdown
+* minor css tweaks
 
-## v0.3.3 / 13th October 2015
-* added missing dependency react-addons-css-transition-group to package.json
+## v0.2.4 / 26th September 2015
+* perf optimization, using result of props.uid method to compare items instead of deep equals
+* added HighlightedText component to help with search highlighting
 
-## v0.3.4 / 14th October 2015
-* fixed a bug where the height of the ".dropdown-transition" element blocked the dom underneath (#6)
+## v0.2.3 / 23rd September 2015
+* fixed a bug where passing a single child element would not show up in the dropdown
+* fixed other minor bugs identified by unit testing
 
-## v0.3.5 / 16th October 2015
-* improved the default auto-size implementation
+## v0.2.2 / 21st September 2015
+* fixed a bug where the input element would not autosize on entering search text
+* avoid firing onValueChange with undefined value when the user enters new search text
 
-## v0.3.6 / 30th October 2015
-* updated package.json to include (React 0.14.0 and above) thanks @HankMcCoy
+## v0.2.1 / 20th September 2015
+* fixed React Warnings caused by missing key property for ValueWrapper components
+* allowing for wide range of react versions including 0.14.x-rc*
+* uid property for MultiSelect components
 
-## v0.3.7 / 2nd November 2015
-* call `on-blur` only if the dropdown is open, thanks @alurim 
+## v0.2.0 / 19th September 2015
+* drop in replacement for React.DOM.Select, accepts options as children
+* added a new prop `dropdownDirection`, setting it to -1 forces the options menu to open upwards
+* option group support (as rows and columns)
+* updated the signature of refs.selectInstance.focus from `a -> Void` to `a -> (a -> Void) -> Void`, i.e. the focus function now accepts a callback as the first parameter which is fired when the options menu is visible
+* improved performance by implementing shouldComponentUpdate lifecycle method for *Wrapper classes, added `uid :: (Eq e) => Item -> e` prop
+* changed the signature of renderOption & renderValue props from `Int -> Item -> ReactElement` to `Item -> ReactElement`
 
-## v0.3.8 / 16th January 2016
-* fixed a bug where passing `restore-on-backspace` prop wouldn't work in conjunction with `render-no-results-found` prop (#14)
+## v0.1.6 / 19th September 2015
+* introduced a new prop `autosize`, allows consumers to provide custom autosize logic for search input, the default implementation now supports nonmodern browsers
 
-## v0.3.9 / 18th January 2016
-* added `on-enter :: Item -> Void` prop, fired (with the `highlighted-option`) when the user hits the enter key (#19)
+## v0.1.4 / 15th September 2015
+* fixed option menu toggle on tap/click in mobile safari
 
-## v0.3.10 / 19th January 2016
-* fixed a bug where elements behind the dropdown were not clickable even though the dropdown was closed. (#18)
+## v0.1.3 / 12th September 2015
+* fixed a bug where invoking the callback onValueChange synchronously would not close the options menu
+* fixed a bug where the SimpleSelect onValueChange callback was invoked even when the user selected the same item
+* minor tweaks & improvements to the default stylesheet
+
+## v0.1.2 / 11th September 2015
+* updated package.json added keywords & removed license property
+
+## v0.1.1 / 11th September 2015
+* added `highlightFirstSelectableOption` method to both the SimpleSelect & the MultiSelect components.
+* changed filterOptions signature for SimpleSelect from `[Item] -> Item -> String -> [Item]` to `[Item]-> String -> [Item]`

README.md

@@ -13,7 +13,7 @@ styles & features inspired by [React Select](http://jedwatson.github.io/react-se
 
 [![](http://i.imgsafe.co/rQmogzn.gif)](http://furqanZafar.github.io/react-selectize/)
 
-- [Changelog](CHANGELOG.md) (last updated on 18th January 2016)
+- [Changelog](CHANGELOG.md) (last updated on 20th January 2016)
 - [API Reference](API.md)
 
 # Motivation

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-selectize",
-  "version": "0.3.10",
+  "version": "0.3.11",
   "description": "A Stateless & Flexible Select component for React inspired by Selectize",
   "main": "src/index.js",
   "scripts": {

public/examples/multi/Tags.jsx

@@ -19,17 +19,19 @@ Form = React.createClass({
 
             // createFromSearch :: [Item] -> [Item] -> String -> Item?
             createFromSearch = {function(options, values, search){
-                if (search.length == 0 || 
-                    values.map(function(value){ return value.label; }).indexOf(search) != -1) 
+                labels = values.map(function(value){ 
+                    return value.label; 
+                })
+                if (search.trim().length == 0 || labels.indexOf(search.trim()) != -1) 
                     return null;
-                return {label: search, value: search};
+                return {label: search.trim(), value: search.trim()};
             }}
 
             // renderNoResultsFound :: [Item] -> String -> ReactElement
             renderNoResultsFound = {function(values, search) {
                 return <div className = "no-results-found">
                     {(function(){
-                        if (search.length == 0)
+                        if (search.trim().length == 0)
                             return "Type a few characters to create a tag";
                         else if (values.map(function(value){ return value.label; }).indexOf(search) != -1)
                             return "Tag already exists";

public/examples/multi/Tags.ls

@@ -14,13 +14,13 @@ Form = React.create-class do
 
             # create-from-search :: [Item] -> [Item] -> String -> Item?
             create-from-search: (options, values, search) -> 
-                return null if search.length == 0 or search in map (.label), values
-                label: search, value: search
+                return null if search.trim!.length == 0 or search.trim! in map (.label), values
+                label: search.trim!, value: search.trim!
 
             # render-no-results-found :: [Item] -> String -> ReactElement
             render-no-results-found: (values, search) ~> 
                 div class-name: \no-results-found,
-                    if search.length == 0
+                    if search.trim!.length == 0
                         "Type a few characters to create a tag"
                     else if (search in map (.label), values)
                         "Tag already exists"