@choc-ui/chakra-autocomplete 5.2.10 → 5.3.1

package/README.md

@@ -25,14 +25,14 @@
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
 
-[![All Contributors](https://img.shields.io/badge/all_contributors-7-orange.svg?style=flat-square)](#contributors-)
+[![All Contributors](https://img.shields.io/badge/all_contributors-15-orange.svg?style=flat-square)](#contributors-)
 
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
 </a>
     <br />
     AutoComplete Component for the <a href="https://chakra-ui.com">Chakra UI</a> Library.</em>
-    
+
   </sup>
   <br />
   <br />
@@ -385,7 +385,7 @@ Then add the `AutoCompleteCreatable` component to the bottom of the list. Refer
 
 <img width="517" alt="CleanShot 2021-07-29 at 02 29 20@2x" src="https://user-images.githubusercontent.com/30869823/127417453-e78b9b48-26e8-4ff0-a264-1d6bb4717ab0.png">
 
-### Loading State
+## Loading State
 
 Need to pull data from API, but don't want your users to see a blank screen?  You can enable the loading state by passing the `isLoading` prop to `AutoComplete`.  By doing this, 2 other props will be enabled
 
@@ -397,7 +397,13 @@ Best practice is to combine `setTimeout` and `useEffect` to create a debounce ef
 
 A working code demo can be found [here](https://codesandbox.io/s/choc-ui-chakra-autocomplete-loading-tfc8jz)
 
-### Autocomplete methods
+## Integration with Form Libraries
+
+It is relatively easy to integrate with form libaries such as `React Hook Form`, `Formik`, and others.  Working examples can be found in the `demos` folder of this repo.  See the [Contributing](#contribute) section of this doc on how to clone and set it up for testing.
+
+Does your favorite form library not have a working example?  Submit a PR to get it added and help others using this library quickly get up and running.
+
+## Autocomplete methods
 
 Assign a ref to the `AutoComplete` component and call the available methods with:
 
@@ -453,6 +459,12 @@ Wrapper and Provider for `AutoCompleteInput` and `AutoCompleteList`
             <td>boolean</td>
             <td>Suggestions list is open by default</td>
             <td>false</td>
+        </tr>
+        <tr>
+            <td>prefocusFirstItem</td>
+            <td>boolean</td>
+            <td>Should prefocus first item intially, on query change, on open, and on filter out of current focused item</td>
+            <td>true</td>
         </tr>
          <tr>
             <td>defaultValues</td>
@@ -560,7 +572,7 @@ boolean | MaybeRenderProp<{ value: Item["value"] }>
         <tr>
             <td>onSelectOption</td>
             <td>
-            
+
 ```ts
 (params: {
     item: Item;
@@ -591,7 +603,7 @@ boolean | MaybeRenderProp<{ value: Item["value"] }>
         <tr>
             <td>onReady</td>
             <td>
-            
+
 ```ts
 (props:{tags:ItemTag[]}) => void
 ```
@@ -602,7 +614,7 @@ boolean | MaybeRenderProp<{ value: Item["value"] }>
         <tr>
             <td>onTagRemoved</td>
             <td>
-            
+
 ```ts
 (removedTag: Item["value"],item: Item, tags: Item["value"][]) => void
 ```
@@ -643,7 +655,7 @@ boolean | MaybeRenderProp<{ value: Item["value"] }>
         <tr>
             <td>shouldRenderSuggestions</td>
             <td>
-            
+
 ```ts
 (value: string) => boolean
 ```
@@ -731,7 +743,7 @@ Tags for multiple mode
     <td>Yes<br></td>
     <td>&mdash;&mdash;&mdash;</td>
   </tr>
- 
+
 </tbody>
 </table>
 
@@ -782,7 +794,7 @@ e.g.
     <td>No<br></td>
     <td>&mdash;&mdash;&mdash;</td>
   </tr>
-  
+
   <tr>
     <td>ref</td>
     <td>
@@ -1020,7 +1032,7 @@ val => val;
 ```
 
 </td>
-</tr> 
+</tr>
 </tbody>
 </table>
 
@@ -1085,7 +1097,7 @@ When true, `AutoCompleteCreatable` is shown even when the `AutoCompleteInput` is
     <td>No<br></td>
     <td>&mdash;&mdash;&mdash;</td>
   </tr>
- 
+
 </tbody>
 </table>
 
@@ -1152,9 +1164,12 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
     <td align="center"><a href="https://github.com/MathisFederico"><img src="https://avatars.githubusercontent.com/u/60117466?v=4" width="100px;" alt=""/><br /><sub><b>Mathis Federico</b></sub></a><br /><a href="https://github.com/anubra266/choc-autocomplete/commits?author=MathisFederico" title="Bug">🐛</a></td>
     <td align="center"><a href="https://github.com/Kysluss"><img src="https://avatars.githubusercontent.com/u/29052043?v=4" width="100px;" alt=""/><br /><sub><b>Kyle Slusser</b></sub></a><br /><a href="https://github.com/anubra266/choc-autocomplete/commits?author=Kysluss" title="Code">💻🐛</a></td>
     <td align="center"><a href="https://github.com/sakerhetspolisen"><img src="https://avatars.githubusercontent.com/u/68159964?v=4" width="100px;" alt=""/><br /><sub><b>Karl F. Sellergren</b></sub></a><br /><a href="https://github.com/anubra266/choc-autocomplete/commits?author=sakerhetspolisen" title="Code">🐛🔧</a></td>
-    <td align="center"><a href="https://github.com/JedBh"><img src="https://avatars.githubusercontent.com/u/44101778?v=4" width="100px;" alt=""/><br /><sub><b>Jedediah Benhod</b></sub></a><br /><a href="https://github.com/anubra266/choc-autocomplete/commits?author=sakerhetspolisen" title="Code">🐛</a></td>
-    <td align="center"><a href="https://github.com/Janekk"><img src="https://avatars.githubusercontent.com/u/6827881?v=4" width="100px;" alt=""/><br /><sub><b>Janusz Kacalak</b></sub></a><br /><a href="https://github.com/anubra266/choc-autocomplete/commits?author=sakerhetspolisen" title="Code">🐛</a></td>
-
+    <td align="center"><a href="https://github.com/JedBh"><img src="https://avatars.githubusercontent.com/u/44101778?v=4" width="100px;" alt=""/><br /><sub><b>Jedediah Benhod</b></sub></a><br /><a href="https://github.com/anubra266/choc-autocomplete/commits?author=jedBh" title="Code">🐛</a></td>
+    <td align="center"><a href="https://github.com/Janekk"><img src="https://avatars.githubusercontent.com/u/6827881?v=4" width="100px;" alt=""/><br /><sub><b>Janusz Kacalak</b></sub></a><br /><a href="https://github.com/anubra266/choc-autocomplete/commits?author=janekk" title="Code">🐛</a></td>
+    <td align="center"><a href="https://github.com/ThomasHickman"><img src="https://avatars.githubusercontent.com/u/6304200?v=4" width="100px;" alt=""/><br /><sub><b>Thomas Hickman</b></sub></a><br /><a href="https://github.com/anubra266/choc-autocomplete/commits?author=thomashickman" title="Bug">🐛</a></td>
+  </tr>
+  <tr>
+    <td align="center"><a href="https://github.com/chrisregner"><img src="https://avatars.githubusercontent.com/u/26005158?v=4" width="100px;" alt=""/><br /><sub><b>Christopher Regner</b></sub></a><br /><a href="https://github.com/anubra266/choc-autocomplete/commits?author=chrisregner" title="Code">📖🐛</a></td>
   </tr>
 </table>
 

package/dist/autocomplete-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-input.d.ts","sourceRoot":"","sources":["../src/autocomplete-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAIV,iBAAiB,EAMlB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IAC1E,QAAQ,CAAC,EAAE,eAAe,CAAC;QAAE,IAAI,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;KAAE,CAAC,CAAC;IACpE,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B;AAgBD,eAAO,MAAM,iBAAiB,gGAyD7B,CAAC"}
+{"version":3,"file":"autocomplete-input.d.ts","sourceRoot":"","sources":["../src/autocomplete-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAIV,iBAAiB,EAMlB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IAC1E,QAAQ,CAAC,EAAE,eAAe,CAAC;QAAE,IAAI,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;KAAE,CAAC,CAAC;IACpE,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B;AAgBD,eAAO,MAAM,iBAAiB,gGAqE7B,CAAC"}