downshift 6.1.4 → 6.1.7

package/README.md

@@ -10,7 +10,7 @@ autocomplete, combobox or select dropdown components.</p>
 > [Read the docs](https://downshift-js.com) |
 > [See the intro blog post](https://kentcdodds.com/blog/introducing-downshift-for-react)
 > |
-> [Listen to the Episode 79 of the Full Stack Radio podcast](https://simplecast.com/s/f2e65eaf)
+> [Listen to the Episode 79 of the Full Stack Radio podcast](https://fullstackradio.com/79)
 
 <hr />
 
@@ -1404,6 +1404,7 @@ Thanks goes to these people ([emoji key][emojis]):
     <td align="center"><a href="http://nickdeom.com"><img src="https://avatars2.githubusercontent.com/u/56491159?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Nick Deom</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=ndeom" title="Code">💻</a> <a href="https://github.com/downshift-js/downshift/issues?q=author%3Andeom" title="Bug reports">🐛</a></td>
     <td align="center"><a href="https://github.com/clementgarbay"><img src="https://avatars3.githubusercontent.com/u/12433625?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Clément Garbay</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=clementgarbay" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/KaiminHuang"><img src="https://avatars.githubusercontent.com/u/5600404?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kaimin Huang</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=KaiminHuang" title="Code">💻</a> <a href="https://github.com/downshift-js/downshift/issues?q=author%3AKaiminHuang" title="Bug reports">🐛</a></td>
+    <td align="center"><a href="http://theredcircuit.com"><img src="https://avatars.githubusercontent.com/u/1242456?v=4?s=100" width="100px;" alt=""/><br /><sub><b>David Welling</b></sub></a><br /><a href="https://github.com/downshift-js/downshift/commits?author=davewelling" title="Code">💻</a> <a href="https://github.com/downshift-js/downshift/issues?q=author%3Adavewelling" title="Bug reports">🐛</a></td>
   </tr>
 </table>
 

package/dist/downshift.cjs.js

@@ -10,6 +10,7 @@ var PropTypes = require('prop-types');
 var react = require('react');
 var reactIs = require('react-is');
 var computeScrollIntoView = require('compute-scroll-into-view');
+var tslib = require('tslib');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -169,7 +170,7 @@ function resetIdCounter() {
 }
 /**
  * Default implementation for status message. Only added when menu is open.
- * Will specift if there are results in the list, and if so, how many,
+ * Will specify if there are results in the list, and if so, how many,
  * and what keys are relevant.
  *
  * @param {Object} param the downshift state and other relevant properties
@@ -2268,24 +2269,25 @@ function downshiftCommonReducer(state, action, stateChangeTypes) {
 }
 /* eslint-enable complexity */
 
-function getItemIndexByCharacterKey({ keysSoFar, highlightedIndex, items, itemToString, getItemNodeFromIndex, }) {
-    const lowerCasedKeysSoFar = keysSoFar.toLowerCase();
-    for (let index = 0; index < items.length; index++) {
-        const offsetIndex = (index + highlightedIndex + 1) % items.length;
-        const item = items[offsetIndex];
+function getItemIndexByCharacterKey(_a) {
+    var keysSoFar = _a.keysSoFar, highlightedIndex = _a.highlightedIndex, items = _a.items, itemToString = _a.itemToString, getItemNodeFromIndex = _a.getItemNodeFromIndex;
+    var lowerCasedKeysSoFar = keysSoFar.toLowerCase();
+    for (var index = 0; index < items.length; index++) {
+        var offsetIndex = (index + highlightedIndex + 1) % items.length;
+        var item = items[offsetIndex];
         if (item !== undefined &&
             itemToString(item)
                 .toLowerCase()
                 .startsWith(lowerCasedKeysSoFar)) {
-            const element = getItemNodeFromIndex(offsetIndex);
-            if (!element?.hasAttribute('disabled')) {
+            var element = getItemNodeFromIndex(offsetIndex);
+            if (!(element === null || element === void 0 ? void 0 : element.hasAttribute('disabled'))) {
                 return offsetIndex;
             }
         }
     }
     return highlightedIndex;
 }
-const propTypes$2 = {
+var propTypes$2 = {
     items: PropTypes__default['default'].array.isRequired,
     itemToString: PropTypes__default['default'].func,
     getA11yStatusMessage: PropTypes__default['default'].func,
@@ -2316,9 +2318,9 @@ const propTypes$2 = {
         document: PropTypes__default['default'].shape({
             getElementById: PropTypes__default['default'].func,
             activeElement: PropTypes__default['default'].any,
-            body: PropTypes__default['default'].any,
-        }),
-    }),
+            body: PropTypes__default['default'].any
+        })
+    })
 };
 /**
  * Default implementation for status message. Only added when menu is open.
@@ -2328,7 +2330,8 @@ const propTypes$2 = {
  * @param {Object} param the downshift state and other relevant properties
  * @return {String} the a11y status message
  */
-function getA11yStatusMessage({ isOpen, resultCount, previousResultCount, }) {
+function getA11yStatusMessage(_a) {
+    var isOpen = _a.isOpen, resultCount = _a.resultCount, previousResultCount = _a.previousResultCount;
     if (!isOpen) {
         return '';
     }
@@ -2336,19 +2339,16 @@ function getA11yStatusMessage({ isOpen, resultCount, previousResultCount, }) {
         return 'No results are available.';
     }
     if (resultCount !== previousResultCount) {
-        return `${resultCount} result${resultCount === 1 ? ' is' : 's are'} available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select.`;
+        return resultCount + " result" + (resultCount === 1 ? ' is' : 's are') + " available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select.";
     }
     return '';
 }
-const defaultProps$2 = {
-    ...defaultProps$3,
-    getA11yStatusMessage,
-};
+var defaultProps$2 = tslib.__assign(tslib.__assign({}, defaultProps$3), { getA11yStatusMessage: getA11yStatusMessage });
 // eslint-disable-next-line import/no-mutable-exports
-let validatePropTypes$2 = noop;
+var validatePropTypes$2 = noop;
 /* istanbul ignore next */
 if (process.env.NODE_ENV !== 'production') {
-    validatePropTypes$2 = (options, caller) => {
+    validatePropTypes$2 = function (options, caller) {
         PropTypes__default['default'].checkPropTypes(propTypes$2, options, 'prop', caller.name);
     };
 }

package/dist/downshift.esm.js

@@ -6,6 +6,7 @@ import PropTypes from 'prop-types';
 import { cloneElement, Component, useRef, useEffect, useCallback, useLayoutEffect, useReducer, useMemo } from 'react';
 import { isForwardRef } from 'react-is';
 import computeScrollIntoView from 'compute-scroll-into-view';
+import { __assign } from 'tslib';
 
 var idCounter = 0;
 /**
@@ -156,7 +157,7 @@ function resetIdCounter() {
 }
 /**
  * Default implementation for status message. Only added when menu is open.
- * Will specift if there are results in the list, and if so, how many,
+ * Will specify if there are results in the list, and if so, how many,
  * and what keys are relevant.
  *
  * @param {Object} param the downshift state and other relevant properties
@@ -2255,24 +2256,25 @@ function downshiftCommonReducer(state, action, stateChangeTypes) {
 }
 /* eslint-enable complexity */
 
-function getItemIndexByCharacterKey({ keysSoFar, highlightedIndex, items, itemToString, getItemNodeFromIndex, }) {
-    const lowerCasedKeysSoFar = keysSoFar.toLowerCase();
-    for (let index = 0; index < items.length; index++) {
-        const offsetIndex = (index + highlightedIndex + 1) % items.length;
-        const item = items[offsetIndex];
+function getItemIndexByCharacterKey(_a) {
+    var keysSoFar = _a.keysSoFar, highlightedIndex = _a.highlightedIndex, items = _a.items, itemToString = _a.itemToString, getItemNodeFromIndex = _a.getItemNodeFromIndex;
+    var lowerCasedKeysSoFar = keysSoFar.toLowerCase();
+    for (var index = 0; index < items.length; index++) {
+        var offsetIndex = (index + highlightedIndex + 1) % items.length;
+        var item = items[offsetIndex];
         if (item !== undefined &&
             itemToString(item)
                 .toLowerCase()
                 .startsWith(lowerCasedKeysSoFar)) {
-            const element = getItemNodeFromIndex(offsetIndex);
-            if (!element?.hasAttribute('disabled')) {
+            var element = getItemNodeFromIndex(offsetIndex);
+            if (!(element === null || element === void 0 ? void 0 : element.hasAttribute('disabled'))) {
                 return offsetIndex;
             }
         }
     }
     return highlightedIndex;
 }
-const propTypes$2 = {
+var propTypes$2 = {
     items: PropTypes.array.isRequired,
     itemToString: PropTypes.func,
     getA11yStatusMessage: PropTypes.func,
@@ -2303,9 +2305,9 @@ const propTypes$2 = {
         document: PropTypes.shape({
             getElementById: PropTypes.func,
             activeElement: PropTypes.any,
-            body: PropTypes.any,
-        }),
-    }),
+            body: PropTypes.any
+        })
+    })
 };
 /**
  * Default implementation for status message. Only added when menu is open.
@@ -2315,7 +2317,8 @@ const propTypes$2 = {
  * @param {Object} param the downshift state and other relevant properties
  * @return {String} the a11y status message
  */
-function getA11yStatusMessage({ isOpen, resultCount, previousResultCount, }) {
+function getA11yStatusMessage(_a) {
+    var isOpen = _a.isOpen, resultCount = _a.resultCount, previousResultCount = _a.previousResultCount;
     if (!isOpen) {
         return '';
     }
@@ -2323,19 +2326,16 @@ function getA11yStatusMessage({ isOpen, resultCount, previousResultCount, }) {
         return 'No results are available.';
     }
     if (resultCount !== previousResultCount) {
-        return `${resultCount} result${resultCount === 1 ? ' is' : 's are'} available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select.`;
+        return resultCount + " result" + (resultCount === 1 ? ' is' : 's are') + " available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select.";
     }
     return '';
 }
-const defaultProps$2 = {
-    ...defaultProps$3,
-    getA11yStatusMessage,
-};
+var defaultProps$2 = __assign(__assign({}, defaultProps$3), { getA11yStatusMessage: getA11yStatusMessage });
 // eslint-disable-next-line import/no-mutable-exports
-let validatePropTypes$2 = noop;
+var validatePropTypes$2 = noop;
 /* istanbul ignore next */
 if (process.env.NODE_ENV !== 'production') {
-    validatePropTypes$2 = (options, caller) => {
+    validatePropTypes$2 = function (options, caller) {
         PropTypes.checkPropTypes(propTypes$2, options, 'prop', caller.name);
     };
 }

package/dist/downshift.native.cjs.js

@@ -10,6 +10,7 @@ var PropTypes = require('prop-types');
 var react = require('react');
 var reactIs = require('react-is');
 var computeScrollIntoView = require('compute-scroll-into-view');
+var tslib = require('tslib');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -169,7 +170,7 @@ function resetIdCounter() {
 }
 /**
  * Default implementation for status message. Only added when menu is open.
- * Will specift if there are results in the list, and if so, how many,
+ * Will specify if there are results in the list, and if so, how many,
  * and what keys are relevant.
  *
  * @param {Object} param the downshift state and other relevant properties
@@ -2197,24 +2198,25 @@ function downshiftCommonReducer(state, action, stateChangeTypes) {
 }
 /* eslint-enable complexity */
 
-function getItemIndexByCharacterKey({ keysSoFar, highlightedIndex, items, itemToString, getItemNodeFromIndex, }) {
-    const lowerCasedKeysSoFar = keysSoFar.toLowerCase();
-    for (let index = 0; index < items.length; index++) {
-        const offsetIndex = (index + highlightedIndex + 1) % items.length;
-        const item = items[offsetIndex];
+function getItemIndexByCharacterKey(_a) {
+    var keysSoFar = _a.keysSoFar, highlightedIndex = _a.highlightedIndex, items = _a.items, itemToString = _a.itemToString, getItemNodeFromIndex = _a.getItemNodeFromIndex;
+    var lowerCasedKeysSoFar = keysSoFar.toLowerCase();
+    for (var index = 0; index < items.length; index++) {
+        var offsetIndex = (index + highlightedIndex + 1) % items.length;
+        var item = items[offsetIndex];
         if (item !== undefined &&
             itemToString(item)
                 .toLowerCase()
                 .startsWith(lowerCasedKeysSoFar)) {
-            const element = getItemNodeFromIndex(offsetIndex);
-            if (!element?.hasAttribute('disabled')) {
+            var element = getItemNodeFromIndex(offsetIndex);
+            if (!(element === null || element === void 0 ? void 0 : element.hasAttribute('disabled'))) {
                 return offsetIndex;
             }
         }
     }
     return highlightedIndex;
 }
-const propTypes$2 = {
+var propTypes$2 = {
     items: PropTypes__default['default'].array.isRequired,
     itemToString: PropTypes__default['default'].func,
     getA11yStatusMessage: PropTypes__default['default'].func,
@@ -2245,9 +2247,9 @@ const propTypes$2 = {
         document: PropTypes__default['default'].shape({
             getElementById: PropTypes__default['default'].func,
             activeElement: PropTypes__default['default'].any,
-            body: PropTypes__default['default'].any,
-        }),
-    }),
+            body: PropTypes__default['default'].any
+        })
+    })
 };
 /**
  * Default implementation for status message. Only added when menu is open.
@@ -2257,7 +2259,8 @@ const propTypes$2 = {
  * @param {Object} param the downshift state and other relevant properties
  * @return {String} the a11y status message
  */
-function getA11yStatusMessage({ isOpen, resultCount, previousResultCount, }) {
+function getA11yStatusMessage(_a) {
+    var isOpen = _a.isOpen, resultCount = _a.resultCount, previousResultCount = _a.previousResultCount;
     if (!isOpen) {
         return '';
     }
@@ -2265,19 +2268,16 @@ function getA11yStatusMessage({ isOpen, resultCount, previousResultCount, }) {
         return 'No results are available.';
     }
     if (resultCount !== previousResultCount) {
-        return `${resultCount} result${resultCount === 1 ? ' is' : 's are'} available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select.`;
+        return resultCount + " result" + (resultCount === 1 ? ' is' : 's are') + " available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select.";
     }
     return '';
 }
-const defaultProps$2 = {
-    ...defaultProps$3,
-    getA11yStatusMessage,
-};
+var defaultProps$2 = tslib.__assign(tslib.__assign({}, defaultProps$3), { getA11yStatusMessage: getA11yStatusMessage });
 // eslint-disable-next-line import/no-mutable-exports
-let validatePropTypes$2 = noop;
+var validatePropTypes$2 = noop;
 /* istanbul ignore next */
 if (process.env.NODE_ENV !== 'production') {
-    validatePropTypes$2 = (options, caller) => {
+    validatePropTypes$2 = function (options, caller) {
         PropTypes__default['default'].checkPropTypes(propTypes$2, options, 'prop', caller.name);
     };
 }

package/dist/downshift.umd.js

@@ -1448,7 +1448,7 @@
   }
   /**
    * Default implementation for status message. Only added when menu is open.
-   * Will specift if there are results in the list, and if so, how many,
+   * Will specify if there are results in the list, and if so, how many,
    * and what keys are relevant.
    *
    * @param {Object} param the downshift state and other relevant properties
@@ -3537,24 +3537,51 @@
   }
   /* eslint-enable complexity */
 
-  function getItemIndexByCharacterKey({ keysSoFar, highlightedIndex, items, itemToString, getItemNodeFromIndex, }) {
-      const lowerCasedKeysSoFar = keysSoFar.toLowerCase();
-      for (let index = 0; index < items.length; index++) {
-          const offsetIndex = (index + highlightedIndex + 1) % items.length;
-          const item = items[offsetIndex];
+  /*! *****************************************************************************
+  Copyright (c) Microsoft Corporation.
+
+  Permission to use, copy, modify, and/or distribute this software for any
+  purpose with or without fee is hereby granted.
+
+  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+  PERFORMANCE OF THIS SOFTWARE.
+  ***************************************************************************** */
+
+  var __assign = function() {
+      __assign = Object.assign || function __assign(t) {
+          for (var s, i = 1, n = arguments.length; i < n; i++) {
+              s = arguments[i];
+              for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+          }
+          return t;
+      };
+      return __assign.apply(this, arguments);
+  };
+
+  function getItemIndexByCharacterKey(_a) {
+      var keysSoFar = _a.keysSoFar, highlightedIndex = _a.highlightedIndex, items = _a.items, itemToString = _a.itemToString, getItemNodeFromIndex = _a.getItemNodeFromIndex;
+      var lowerCasedKeysSoFar = keysSoFar.toLowerCase();
+      for (var index = 0; index < items.length; index++) {
+          var offsetIndex = (index + highlightedIndex + 1) % items.length;
+          var item = items[offsetIndex];
           if (item !== undefined &&
               itemToString(item)
                   .toLowerCase()
                   .startsWith(lowerCasedKeysSoFar)) {
-              const element = getItemNodeFromIndex(offsetIndex);
-              if (!element?.hasAttribute('disabled')) {
+              var element = getItemNodeFromIndex(offsetIndex);
+              if (!(element === null || element === void 0 ? void 0 : element.hasAttribute('disabled'))) {
                   return offsetIndex;
               }
           }
       }
       return highlightedIndex;
   }
-  const propTypes$2 = {
+  var propTypes$2 = {
       items: PropTypes.array.isRequired,
       itemToString: PropTypes.func,
       getA11yStatusMessage: PropTypes.func,
@@ -3585,9 +3612,9 @@
           document: PropTypes.shape({
               getElementById: PropTypes.func,
               activeElement: PropTypes.any,
-              body: PropTypes.any,
-          }),
-      }),
+              body: PropTypes.any
+          })
+      })
   };
   /**
    * Default implementation for status message. Only added when menu is open.
@@ -3597,7 +3624,8 @@
    * @param {Object} param the downshift state and other relevant properties
    * @return {String} the a11y status message
    */
-  function getA11yStatusMessage({ isOpen, resultCount, previousResultCount, }) {
+  function getA11yStatusMessage(_a) {
+      var isOpen = _a.isOpen, resultCount = _a.resultCount, previousResultCount = _a.previousResultCount;
       if (!isOpen) {
           return '';
       }
@@ -3605,19 +3633,16 @@
           return 'No results are available.';
       }
       if (resultCount !== previousResultCount) {
-          return `${resultCount} result${resultCount === 1 ? ' is' : 's are'} available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select.`;
+          return resultCount + " result" + (resultCount === 1 ? ' is' : 's are') + " available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select.";
       }
       return '';
   }
-  const defaultProps$2 = {
-      ...defaultProps$3,
-      getA11yStatusMessage,
-  };
+  var defaultProps$2 = __assign(__assign({}, defaultProps$3), { getA11yStatusMessage: getA11yStatusMessage });
   // eslint-disable-next-line import/no-mutable-exports
-  let validatePropTypes$2 = noop;
+  var validatePropTypes$2 = noop;
   /* istanbul ignore next */
   {
-      validatePropTypes$2 = (options, caller) => {
+      validatePropTypes$2 = function (options, caller) {
           PropTypes.checkPropTypes(propTypes$2, options, 'prop', caller.name);
       };
   }