react-select-virtualized - npm Package Compare versions

Comparing version 1.1.0 to 1.1.3

package.json

 {
   "name": "react-select-virtualized",
-  "version": "1.1.0",
+  "version": "1.1.3",
   "description": "react-select v2 + react-virtualized + react hooks",
@@ -5,0 +5,0 @@ "author": "guiyep",

README.md

 # react-select-virtualized
 
-![Alt text](./logo.png?raw=true "react-select-virtualized")
+![Alt text](./logo.png?raw=true 'react-select-virtualized')
 
-\* IT IS OUT!!!!  \*
+\* IT IS OUT!!!! \*
 
@@ -59,7 +59,7 @@ > react-select v2 + react-virtualized + react hooks!
 - [x] add gzip.
-- [X] review support to all the react-select props. Should all work but multi-val.
+- [x] review support to all the react-select props. Should all work but multi-val.
 
 -- v 1.0.0 --
 
-- [X] add support to AsyncSelect.
+- [x] add support to AsyncSelect.
 
@@ -76,11 +76,11 @@ -- v 1.1.0 --
 
-| Props                                        | Type                                                | Default | Description                                                                   |
-| -------------------------------------------- | --------------------------------------------------- | ------- | ----------------------------------------------------------------------------- |
-| grouped                                      | boolean                                             | false   | specify if options are grouped                                                |
-| formatGroupHeaderLabel                       | function({ label, options}) => component            |         | will render a custom component in the popup grouped header (only for grouped) |
+| Props                                        | Type                                       | Default | Description                                                                   |
+| -------------------------------------------- | ------------------------------------------ | ------- | ----------------------------------------------------------------------------- |
+| grouped                                      | boolean                                    | false   | specify if options are grouped                                                |
+| formatGroupHeaderLabel                       | function({ label, options}) => component   |         | will render a custom component in the popup grouped header (only for grouped) |
 | formatOptionLabel (coming from react-select) | function(option, { context }) => component |         | will render a custom component in the label                                   |
-| optionHeight                                 | number                                              | 31      | height of each option                                                         |
-| groupHeaderHeight                            | number                                              |         | header row height in the popover list                                         |
-| maxHeight (coming from react-select)         | number                                              | auto    | max height popover list                                                       |
-| maxWidth (coming from react-select)          | number                                              | 500     | max width in the popover list                                                 |
+| optionHeight                                 | number                                     | 31      | height of each option                                                         |
+| groupHeaderHeight                            | number                                     |         | header row height in the popover list                                         |
+| maxHeight (coming from react-select)         | number                                     | auto    | max height popover list                                                       |
+| maxWidth (coming from react-select)          | number                                     | 500     | max width in the popover list                                                 |
 
@@ -161,2 +161,25 @@ ## What we do support and don't from react-select
 
+## Usage Async Loading!!!! (no group yet)
+
+check storybook for more examples
+
+```jsx
+
+import React, { Component } from 'react';
+
+import { Async } from 'react-select-virtualized';
+
+const loadOptions = (input, callback) => {...};
+
+const Example extends Component {
+  render() {
+    return <Async defaultOptions={options} loadOptions={loadOptions}/>;
+  }
+}
+
+const Example2 = () => <Async loadOptions={loadOptions}/>
+
+const Example3 = () => <Async defaultOptions={options} {..ANY_REACT_ASYNC_SELECT_V2_PROP} loadOptions={loadOptions}/>
+```
+
 ## React-select Issues
@@ -163,0 +186,0 @@

No alert changes

Improved metrics

Total package byte prevSize

171409

increased by0.27%

Number of lines in readme file

189

increased by13.86%

No dependency changes