downshift 6.0.5 → 6.0.6

package/README.md

@@ -1,7 +1,7 @@
 <h1 align="center">
   downshift 🏎
   <br>
-  <img src="https://downshift-js.com/logo/downshift.svg" alt="downshift logo" title="downshift logo" width="300">
+  <img src="https://github.com/downshift-js/downshift/blob/master/other/public/logo/downshift.svg" alt="downshift logo" title="downshift logo" width="300">
   <br>
 </h1>
 <p align="center" style="font-size: 1.2rem;">Primitives to build simple, flexible, WAI-ARIA compliant React
@@ -160,7 +160,7 @@ npm install --save downshift
 
 ## Usage
 
-> [Try it out in the browser](https://codesandbox.io/s/simple-downshift-with-getrootprops-example-24s13)
+> [Try it out in the browser][code-sandbox-try-it-out]
 
 ```jsx
 import * as React from 'react'
@@ -230,8 +230,7 @@ render(
 )
 ```
 
-The previous example without `getRootProps` is
-[here](https://codesandbox.io/s/n9095).
+There is also an [example without getRootProps][code-sandbox-no-get-root-props].
 
 > Warning: The example without `getRootProps` is not fully accessible with
 > screen readers as it's not possible to achieve the HTML structure suggested by
@@ -1067,14 +1066,21 @@ platforms:
 ## Examples
 
 > 🚨 We're in the process of moving all examples to the
-> [downshift-examples](https://github.com/kentcdodds/downshift-examples) repo
+> [downshift-examples](https://github.com/downshift-js/downshift-examples) repo
 > (which you can open, interact with, and contribute back to live on
 > [codesandbox](https://codesandbox.io/s/github/kentcdodds/downshift-examples))
 
+> 🚨 We're also in the process of updating our examples from the
+> [downshift-docs](https://github.com/downshift-js/downshift-docs) repo which is
+> actually used to create our docsite at [downshit-js.com][docsite]). Make sure to
+> check it out for the most relevant Downshift examples or try out the new hooks
+> that aim to replace Downshift.
+
 **Ordered Examples:**
 
 If you're just learning downshift, review these in order:
 
+0.  [basic automplete with getRootProps](https://codesandbox.io/s/github/kentcdodds/downshift-examples?file=/src/downshift/ordered-examples/00-get-root-props-example.js) -    the same as example #1 but using the correct HTML structure as suggested by ARIA-WCAG.
 1.  [basic autocomplete](https://codesandbox.io/s/github/kentcdodds/downshift-examples/tree/master/?module=%2Fsrc%2Fordered-examples%2F01-basic-autocomplete.js&moduleview=1) -
     very bare bones, not styled at all. Good place to start.
 2.  [styled autocomplete](https://codesandbox.io/s/github/kentcdodds/downshift-examples/tree/master/?module=%2Fsrc%2Fordered-examples%2F02-complete-autocomplete.js&moduleview=1) -
@@ -1087,14 +1093,6 @@ If you're just learning downshift, review these in order:
     Shows how to create a MultiDownshift component that allows for an array of
     selectedItems for multiple selection using a state reducer
 
-**Hooks Examples:**
-
-We are also in the process of updating our [docsite][docsite] and we aim to add
-the examples that illustrate the use of hooks there. This is a great opportunity
-to contribute, by converting existing `Downshift` examples to either `useSelect`
-or `useCombobox` or by adding any other scenarios that you feel are
-representative.
-
 **Other Examples:**
 
 Check out these examples of more advanced use/edge cases:
@@ -1214,7 +1212,7 @@ You can implement these other solutions using `downshift`, but if you'd prefer
 to use these out of the box solutions, then that's fine too:
 
 - [`react-select`](https://github.com/JedWatson/react-select)
-- [`react-autocomplete`](https://github.com/reactjs/react-autocomplete)
+- [`react-autosuggest`](https://github.com/moroshko/react-autosuggest)
 
 ## Bindings for ReasonML
 
@@ -1401,11 +1399,13 @@ Thanks goes to these people ([emoji key][emojis]):
     <td align="center"><a href="https://github.com/limejoe"><img src="https://avatars2.githubusercontent.com/u/7977551?v=4" width="100px;" alt=""/><br /><sub><b>limejoe</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=limejoe" title="Code">💻</a> <a href="https://github.com/downshift-js/downshift/issues?q=author%3Alimejoe" title="Bug reports">🐛</a></td>
     <td align="center"><a href="https://github.com/k88manish"><img src="https://avatars2.githubusercontent.com/u/19614770?v=4" width="100px;" alt=""/><br /><sub><b>Manish Kumar</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=k88manish" title="Code">💻</a></td>
   </tr>
+  <tr>
+    <td align="center"><a href="https://github.com/fcrezza"><img src="https://avatars2.githubusercontent.com/u/48123020?v=4" width="100px;" alt=""/><br /><sub><b>Anang Fachreza</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=fcrezza" title="Documentation">📖</a> <a href="#example-fcrezza" title="Examples">💡</a></td>
+  </tr>
 </table>
 
 <!-- markdownlint-enable -->
 <!-- prettier-ignore-end -->
-
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 This project follows the [all-contributors][all-contributors] specification.
@@ -1482,3 +1482,7 @@ MIT
 [select-aria]:
   https://www.w3.org/TR/wai-aria-practices/examples/listbox/listbox-collapsible.html
 [docsite]: https://downshift-js.com/
+[code-sandbox-try-it-out]:
+  https://codesandbox.io/s/github/kentcdodds/downshift-examples?file=/src/downshift/ordered-examples/00-get-root-props-example.js
+[code-sandbox-no-get-root-props]:
+  https://codesandbox.io/s/github/kentcdodds/downshift-examples?file=/src/downshift/ordered-examples/01-basic-autocomplete.js

package/dist/downshift.cjs.js

@@ -3176,13 +3176,16 @@ function downshiftUseComboboxReducer(state, action) {
       break;
 
     case InputBlur:
-      changes = _extends({
-        isOpen: false,
-        highlightedIndex: -1
-      }, state.highlightedIndex >= 0 && action.selectItem && {
-        selectedItem: props.items[state.highlightedIndex],
-        inputValue: props.itemToString(props.items[state.highlightedIndex])
-      });
+      if (state.isOpen) {
+        changes = _extends({
+          isOpen: false,
+          highlightedIndex: -1
+        }, state.highlightedIndex >= 0 && action.selectItem && {
+          selectedItem: props.items[state.highlightedIndex],
+          inputValue: props.itemToString(props.items[state.highlightedIndex])
+        });
+      }
+
       break;
 
     case InputChange:

package/dist/downshift.esm.js

@@ -3170,13 +3170,16 @@ function downshiftUseComboboxReducer(state, action) {
       break;
 
     case InputBlur:
-      changes = _extends({
-        isOpen: false,
-        highlightedIndex: -1
-      }, state.highlightedIndex >= 0 && action.selectItem && {
-        selectedItem: props.items[state.highlightedIndex],
-        inputValue: props.itemToString(props.items[state.highlightedIndex])
-      });
+      if (state.isOpen) {
+        changes = _extends({
+          isOpen: false,
+          highlightedIndex: -1
+        }, state.highlightedIndex >= 0 && action.selectItem && {
+          selectedItem: props.items[state.highlightedIndex],
+          inputValue: props.itemToString(props.items[state.highlightedIndex])
+        });
+      }
+
       break;
 
     case InputChange:

package/dist/downshift.native.cjs.js

@@ -3109,13 +3109,16 @@ function downshiftUseComboboxReducer(state, action) {
       break;
 
     case InputBlur:
-      changes = _extends({
-        isOpen: false,
-        highlightedIndex: -1
-      }, state.highlightedIndex >= 0 && action.selectItem && {
-        selectedItem: props.items[state.highlightedIndex],
-        inputValue: props.itemToString(props.items[state.highlightedIndex])
-      });
+      if (state.isOpen) {
+        changes = _extends({
+          isOpen: false,
+          highlightedIndex: -1
+        }, state.highlightedIndex >= 0 && action.selectItem && {
+          selectedItem: props.items[state.highlightedIndex],
+          inputValue: props.itemToString(props.items[state.highlightedIndex])
+        });
+      }
+
       break;
 
     case InputChange:

package/dist/downshift.umd.js

@@ -4420,13 +4420,16 @@
         break;
 
       case InputBlur:
-        changes = _extends({
-          isOpen: false,
-          highlightedIndex: -1
-        }, state.highlightedIndex >= 0 && action.selectItem && {
-          selectedItem: props.items[state.highlightedIndex],
-          inputValue: props.itemToString(props.items[state.highlightedIndex])
-        });
+        if (state.isOpen) {
+          changes = _extends({
+            isOpen: false,
+            highlightedIndex: -1
+          }, state.highlightedIndex >= 0 && action.selectItem && {
+            selectedItem: props.items[state.highlightedIndex],
+            inputValue: props.itemToString(props.items[state.highlightedIndex])
+          });
+        }
+
         break;
 
       case InputChange: