Update to JedWatson/react-select v1.0.0-rc.10

.babelrc

@@ -0,0 +1,9 @@
+{
+  "ignore": ["node-modules/**", "src/index.umd.js"],
+  "presets": [ "es2015", "stage-0", "react"],
+  "env": {
+    "test": {
+      "plugins": ["istanbul"],
+    },
+  }
+}

.eslintrc.js

@@ -0,0 +1,41 @@
+module.exports = {
+	parserOptions: {
+		ecmaVersion: 6,
+		sourceType: 'module',
+		ecmaFeatures: {
+			experimentalObjectRestSpread: true,
+			jsx: true,
+		},
+	},
+	env: {
+		browser: true,
+		es6: true,
+		node: true,
+	},
+	plugins: ['react'],
+	rules: {
+		'curly': [2, 'multi-line'],
+		'jsx-quotes': 1,
+		'no-shadow': 0,
+		'no-trailing-spaces': 0,
+		'no-underscore-dangle': 0,
+		'no-unused-expressions': 0,
+		'object-curly-spacing': [1, 'always'],
+		'quotes': [2, 'single', 'avoid-escape'],
+		'react/jsx-boolean-value': 1,
+		'react/jsx-no-undef': 1,
+		'react/jsx-uses-react': 1,
+		'react/jsx-uses-vars': 1,
+		'react/jsx-wrap-multilines': 1,
+		'react/no-did-mount-set-state': 1,
+		'react/no-did-update-set-state': 1,
+		'react/no-unknown-property': 1,
+		'react/prop-types': 1,
+		'react/react-in-jsx-scope': 1,
+		'react/self-closing-comp': 1,
+		'react/sort-comp': 1,
+		'react/sort-prop-types': 1,
+		'semi': 2,
+		'strict': 0,
+	},
+};

.gitignore

@@ -10,6 +10,7 @@ pids
 # Coverage tools
 lib-cov
 coverage
+.nyc_output
 
 # Dependency directory
 node_modules

.nycrc

@@ -0,0 +1,12 @@
+{
+  "reporter": [
+    "lcov",
+    "text-summary"
+  ],
+  "require": [
+    "babel-register"
+  ],
+  "sourceMap": false,
+  "instrument": false,
+  "report-dir": "./coverage"
+}

.travis.yml

@@ -1,6 +1,8 @@
 sudo: false
 language: node_js
 node_js:
-    - "v4"
+  - "v4"
 script:
-    - npm run coveralls
+  - npm run lint
+  - npm run test
+  - npm run coveralls

CONTRIBUTING.md

@@ -3,9 +3,9 @@
 Thanks for your interest in React-Select. All forms of contribution are
 welcome, from issue reports to PRs and documentation / write-ups.
 
-* We use node.js v4 for development and testing. Due to incompatibilities with
-JSDOM and older versions of node.js, you'll need to use node 4 to run the
-tests.  If you can't install node v4 as your "default" node installation, you
+* We use node.js v4+ for development and testing. Due to incompatibilities with
+JSDOM and older versions of node.js, you'll need to use node 4 and above to run the
+tests.  If you can't install node v4 or above as your "default" node installation, you
 could try using [nvm](https://github.com/creationix/nvm) to install multiple
 versions concurrently.
 * If you're upgrading your node.js 0.x environment, it's sometimes necessary

HISTORY.md

@@ -1,5 +1,59 @@
 # React-Select-Plus
 
+## v1.0.0-rc.10 / 2017-09-13
+
+* changed; `openAfterFocus` prop has been renamed to `openOnClick`, and now default to `true`
+* fixed; React.PropTypes deprecation warning, thanks [Jeremy Liberman](https://github.com/MrLeebo)
+* improved; scrolling behaviour when navigating the menu with the keyboard, thanks [boatkorachal](https://github.com/boatkorachal)
+* fixed; error with the `Async` cache when you type `"hasOwnProperty"`, thanks [SuhushinAS](https://github.com/SuhushinAS)
+
+## v1.0.0-rc.9 / 2017-09-13
+
+* fixed; clearable padding style, thanks [Minori Miyauchi](https://github.com/mmiyauchi)
+* fixed; removed use of `Object.assign`, fixes IE compatibility
+* added; new `closeOnSelect` prop (defaults to `true`) that controls whether the menu is closed when an option is selected, thanks to [Michael Elgar](https://github.com/melgar) for the original idea
+* changed; by default, the menu for multi-selects now closes when an option is selected
+* changed; `Async` component no longer always clears options when one is selected (although the menu is now closed by default). Use `closeOnSelect={false} onSelectResetsInput={false}` to leave the menu open.
+* fixed; `Async` component always called `onChange` even when it wasn't provided
+* fixed; input lag for the `Async` component when results are returned from cache
+* fixed; required was not being updated without an onChange handler
+* fixed; peer dependencies for `prop-types`, thanks [Michaël De Boey](https://github.com/MichaelDeBoey)
+* fixed; internal optimisations, thanks [Kieran Boyle](https://github.com/dysfunc)
+* added; `Value` component is now exported, thanks [Prof Gra](https://github.com/Grahack)
+* fixed; callback fired after `Async` component unmounts, thanks [Andrew Russell](https://github.com/DeadHeadRussell)
+* fixed; wrapping on Firefox in SCSS files, thanks [Michael Williamson](https://github.com/mwilliamson)
+
+## v1.0.0-rc.8 / 2017-09-12
+
+* fixed; `onMenuScrollToBottom` does not work in chrome 58.0, thanks [Simon Hartcher](https://github.com/deevus)
+* fixed; missing es6 module build for `js:next` entrypoint
+* updated; `react-input-autosize@2.0.0` including several fixes for react-select (see [changes](https://github.com/JedWatson/react-input-autosize/blob/master/HISTORY.md))
+
+## v1.0.0-rc.7 / 2017-09-11
+
+* fixed; issue with `lib` build preventing use in ES2015 environments
+
+## v1.0.0-rc.6 / 2017-09-10
+
+* fixed; changing `required` prop from `true` to `false` now works as expected, thanks [George Karagkiaouris](https://github.com/karaggeorge)
+* added; new prop `onSelectResetsInput` controls whether the input value is cleared when options are selected, thanks [David Roeca](https://github.com/davidroeca) and [Alexander Nosov](https://github.com/nosovsh)
+* fixed; tabindex parent bug fix for Edge, thanks [George Payne](https://github.com/George-A-Payne)
+* fixed; update selectize link in README.md, thanks [kerumen](https://github.com/kerumen)
+* added; standard issue template, thanks [agirton](https://github.com/agirton)
+* added; new build process using rollup and webpack. Removed grunt. thanks [gwyneplaine](https://github.com/gwyneplaine)
+* fixed; updated contributor docs with the correct node version reference [gwyneplaine](https://github.com/gwyneplaine)
+* fixed; missing method binds in Option, thanks [agirton](https://github.com/agirton)
+* fixed; converted components to use es6 classes, thanks [jochenberger](https://github.com/jochenberger)
+* fixed; console.log example in usage docs, thanks [rohmanhm](https://github.com/rohmanhm)
+* fixed; hide create option after closing menu, thanks [andreme](https://github.com/andreme)
+* fixed; remove circular reference, thanks [agirton](https://github.com/agirton)
+* fixed; readme typo, thanks [ieldanr](https:/github.com/ieldanr)
+* fixed; add missing function binds in Option component, thanks [agirton](https://github.com/agirton) and [blacktemplar](https://github.com/blacktemplar)
+* fixed; re-added fix to [#1580](https://github.com/JedWatson/react-select/issues/1580), thanks [agirton](https://github.com/agirton)
+* fixed; avoid mutating user inputs when ignoring case/accents, thanks [not-an-aardvark](https://github.com/not-an-aardvark)
+* fixed; issues synchronising options props in `Async`, thanks [cbergmiller](https://github.com/cbergmiller)
+* fixed; backspace handling for non-multi select controls, thanks [Jeremy Liberman](https://github.com/MrLeebo)
+
 ## v1.0.0-rc.5 / 2017-05-25
 
 * fixed; Allow `falsey` values to be clearable, thanks [Simon Gaestel](https://github.com/sgaestel)

ISSUE_TEMPLATE.md

@@ -1,9 +1,24 @@
 ### Thanks for using react-select!
 
-If you are reporting an error please include a test case that demonstrates the issue you're reporting!
+Before creating an issue...
+
+# Are you asking a question?
+Please don't file GitHub issues to ask questions. Use Stack Overflow with a [#react-select](http://stackoverflow.com/questions/tagged/react-select) tag
+
+
+# Are you reporting a bug or runtime error?
+Please include a test case that demonstrates the issue you're reporting!
 This is very helpful to maintainers in order to help us see the issue you're seeing.
 
 Here is a Plunker you can fork that has react-select loaded and supports JSX syntax:
-https://plnkr.co/edit/HTmtER9AMNcPoWhXV707?p=preview
+https://plnkr.co/edit/dHygFMWWqVwaRAfpEmbn?p=preview
 
 You may also find the [online Babel tool](https://babeljs.io/repl/) quite helpful if you wish to use ES6/ES7 syntax not yet supported by the browser you are using.
+
+
+# Are you making a feature request?
+Provide as much information as possible about your requested feature. Here are a few questions you may consider answering:
+
+*   What's your use case? (Tell us about your application and what problem you're trying to solve.)
+*   What interface do you have in mind? (What new properties or methods do you think might be helpful?)
+*   Can you point to similar functionality with any existing libraries or components? (Working demos can be helpful.)

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016 HubSpot
+Copyright (c) 2017 HubSpot
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -43,13 +43,15 @@ import Select from 'react-select-plus';
 import 'react-select-plus/dist/react-select-plus.css';
 ```
 
-You can also use the standalone build by including `react-select-plus.js` and `react-select-plus.css` in your page. (If you do this though you'll also need to include the dependencies.) For example:
+You can also use the standalone UMD build by including `dist/react-select-plus.js` and `dist/react-select-plus.css` in your page. If you do this you'll also need to include the dependencies. For example:
+
 ```html
-<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
-<script src="https://unpkg.com/classnames/index.js"></script>
-<script src="https://unpkg.com/react-input-autosize/dist/react-input-autosize.js"></script>
-<script src="https://unpkg.com/react-select-plus/dist/react-select-plus.js"></script>
+<script src="https://unpkg.com/react@15.6.1/dist/react.js"></script>
+<script src="https://unpkg.com/react-dom@15.6.1/dist/react-dom.js"></script>
+<script src="https://unpkg.com/prop-types@15.5.10/prop-types.js"></script>
+<script src="https://unpkg.com/classnames@2.2.5/index.js"></script>
+<script src="https://unpkg.com/react-input-autosize@2.0.0/dist/react-input-autosize.js"></script>
+<script src="https://unpkg.com/react-select/dist/react-select-plus.js"></script>
 
 <link rel="stylesheet" href="https://unpkg.com/react-select-plus/dist/react-select-plus.css">
 ```
@@ -74,7 +76,7 @@ var options = [
 ];
 
 function logChange(val) {
-  console.log("Selected: " + val);
+  console.log("Selected: " + JSON.stringify(val));
 }
 
 <Select
@@ -268,7 +270,7 @@ The default `filterOptions` method scans the options array for matches each time
 This works well but can get slow as the options array grows to several hundred objects.
 For larger options lists a custom filter function like [`react-select-fast-filter-options`](https://github.com/bvaughn/react-select-fast-filter-options) will produce better results.
 
-### Effeciently rendering large lists with windowing
+### Efficiently rendering large lists with windowing
 
 The `menuRenderer` property can be used to override the default drop-down list of options.
 This should be done when the list is large (hundreds or thousands of items) for faster rendering.
@@ -294,13 +296,14 @@ The custom `menuRenderer` property accepts the following named parameters:
 
 ### Updating input values with onInputChange
 
-You can manipulate the input using the onInputChange and returning a new value.
+You can manipulate the input by providing a `onInputChange` callback that returns a new value.
+**Please note:** When you want to use `onInputChange` only to listen to the input updates, you still have to return the unchanged value!
 
 ```js
 function cleanInput(inputValue) {
     // Strip all non-number characters from the input
     return inputValue.replace(/[^0-9]/g, "");
-}   
+}
 
 <Select
     name="form-field-name"
@@ -351,7 +354,7 @@ function onInputKeyDown(event) {
 | clearAllText | string | 'Clear all' | title for the "clear" control when `multi` is true |
 | clearRenderer | func | undefined | Renders a custom clear to be shown in the right-hand side of the select when clearable true: `clearRenderer()` |
 | clearValueText | string | 'Clear value' | title for the "clear" control |
-| resetValue | any | null | value to use when you clear the control |
+| closeOnSelect | bool | true | whether to close the menu when a value is selected
 | deleteRemoves | bool | true | whether pressing delete key removes the last item when there is no input value |
 | delimiter | string | ',' | delimiter to use to join multiple values |
 | disabled | bool | false | whether the Select is disabled or not |
@@ -377,20 +380,25 @@ function onInputKeyDown(event) {
 | onClose | func | undefined | handler for when the menu closes: `function () {}` |
 | onCloseResetsInput | bool | true | whether to clear input when closing the menu through the arrow |
 | onFocus | func | undefined | onFocus handler: `function(event) {}` |
-| onInputChange | func | undefined | onInputChange handler: `function(inputValue) {}` |
+| onInputChange | func | undefined | onInputChange handler/interceptor: `function(inputValue: string): string` |
 | onInputKeyDown | func | undefined | input keyDown handler; call `event.preventDefault()` to override default `Select` behavior: `function(event) {}` |
 | onOpen | func | undefined | handler for when the menu opens: `function () {}` |
+| onSelectResetsInput | bool | true | whether the input value should be reset when options are selected, for `multi`
 | onValueClick | func | undefined | onClick handler for value labels: `function (value, event) {}` |
-| openOnFocus | bool | false | open the options menu when the input gets focus (requires searchable = true) |
+| openOnClick | bool | true | open the options menu when the control is clicked (requires searchable = true) |
+| openOnFocus | bool | false | open the options menu when the control gets focus (requires searchable = true) |
 | optionRenderer | func | undefined | function which returns a custom way to render the options in the menu |
 | options | array | undefined | array of options |
 | placeholder | string\|node | 'Select ...' | field placeholder, displayed when there's no value |
+| required | bool | false | applies HTML5 required attribute when needed |
+| resetValue | any | null | value to set when the control is cleared |
 | scrollMenuIntoView | bool | true | whether the viewport will shift to display the entire menu when engaged |
 | searchable | bool | true | whether to enable searching feature or not |
 | searchPromptText | string\|node | 'Type to search' | label to prompt for search input |
 | loadingPlaceholder | string\|node | 'Loading...' | label to prompt for loading search result |
 | tabSelectsValue | bool | true | whether to select the currently focused value when the `[tab]` key is pressed |
 | value | any | undefined | initial field value |
+| valueComponent | func | <Value /> | function which returns a custom way to render/manage the value selected `<CustomValue />` |
 | valueKey | string | 'value' | the option property to use for the value |
 | valueRenderer | func | undefined | function which returns a custom way to render the value selected `function (option) {}` |
 
@@ -407,9 +415,9 @@ Right now there's simply a `focus()` method that gives the control focus. All ot
 
 See our [CONTRIBUTING.md](https://github.com/JedWatson/react-select/blob/master/CONTRIBUTING.md) for information on how to contribute.
 
-Thanks to the projects this was inspired by: [Selectize](http://brianreavis.github.io/selectize.js/) (in terms of behaviour and user experience), [React-Autocomplete](https://github.com/rackt/react-autocomplete) (as a quality React Combobox implementation), as well as other select controls including [Chosen](http://harvesthq.github.io/chosen/) and [Select2](http://ivaynberg.github.io/select2/).
+Thanks to the projects this was inspired by: [Selectize](http://selectize.github.io/selectize.js/) (in terms of behaviour and user experience), [React-Autocomplete](https://github.com/rackt/react-autocomplete) (as a quality React Combobox implementation), as well as other select controls including [Chosen](http://harvesthq.github.io/chosen/) and [Select2](http://ivaynberg.github.io/select2/).
 
 
 # License
 
-MIT Licensed. Copyright (c) HubSpot 2016.
+MIT Licensed. Copyright (c) HubSpot 2017.

bower.json

@@ -4,20 +4,16 @@
     "dist/react-select-plus.min.js",
     "dist/react-select-plus.min.css"
   ],
-  "version": "1.0.0-rc.4",
+  "version": "1.0.0-rc.10",
   "homepage": "https://github.com/HubSpot/react-select-plus",
   "authors": [
     "Trevor Burnham"
   ],
   "description": "A Select control built with and for ReactJS",
-  "moduleType": [
-    "amd",
-    "globals",
-    "node"
-  ],
+  "moduleType": ["amd", "globals", "node"],
   "dependencies": {
     "classnames": "^2.2.0",
-    "react-input-autosize": "^1.1.0"
+    "react-input-autosize": "^2.0.1"
   },
   "keywords": [
     "react",

dist/react-select-plus.css

@@ -84,6 +84,9 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.has-value.is-clearable.Select--single > .Select-control .Select-value {
+  padding-right: 42px;
+}
 .has-value.Select--single > .Select-control .Select-value .Select-value-label,
 .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
   color: #333;