downshift 9.0.7-alpha.2 → 9.0.7

package/dist/downshift.esm.js

@@ -1,9 +1,8 @@
 import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
 import _extends from '@babel/runtime/helpers/esm/extends';
-import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
 import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
 import PropTypes from 'prop-types';
-import React, { cloneElement, Component, useRef, useEffect, useCallback, useLayoutEffect, useReducer, useMemo } from 'react';
+import React, { cloneElement, Component, useRef, useEffect, useLayoutEffect, useCallback, useReducer, useMemo } from 'react';
 import { isForwardRef } from 'react-is';
 import { compute } from 'compute-scroll-into-view';
 import { __assign } from 'tslib';
@@ -471,23 +470,23 @@ var touchEnd = process.env.NODE_ENV !== "production" ? '__autocomplete_touchend_
 
 var stateChangeTypes$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  unknown: unknown,
-  mouseUp: mouseUp,
+  blurButton: blurButton,
+  blurInput: blurInput,
+  changeInput: changeInput,
+  clickButton: clickButton,
+  clickItem: clickItem,
+  controlledPropUpdatedSelectedItem: controlledPropUpdatedSelectedItem,
   itemMouseEnter: itemMouseEnter,
-  keyDownArrowUp: keyDownArrowUp,
   keyDownArrowDown: keyDownArrowDown,
-  keyDownEscape: keyDownEscape,
+  keyDownArrowUp: keyDownArrowUp,
+  keyDownEnd: keyDownEnd,
   keyDownEnter: keyDownEnter,
+  keyDownEscape: keyDownEscape,
   keyDownHome: keyDownHome,
-  keyDownEnd: keyDownEnd,
-  clickItem: clickItem,
-  blurInput: blurInput,
-  changeInput: changeInput,
   keyDownSpaceButton: keyDownSpaceButton,
-  clickButton: clickButton,
-  blurButton: blurButton,
-  controlledPropUpdatedSelectedItem: controlledPropUpdatedSelectedItem,
-  touchEnd: touchEnd
+  mouseUp: mouseUp,
+  touchEnd: touchEnd,
+  unknown: unknown
 });
 
 var _excluded$3 = ["refKey", "ref"],
@@ -497,7 +496,6 @@ var _excluded$3 = ["refKey", "ref"],
   _excluded5 = ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"];
 var Downshift = /*#__PURE__*/function () {
   var Downshift = /*#__PURE__*/function (_Component) {
-    _inheritsLoose(Downshift, _Component);
     function Downshift(_props) {
       var _this;
       _this = _Component.call(this, _props) || this;
@@ -864,7 +862,7 @@ var Downshift = /*#__PURE__*/function () {
       _this.buttonHandleKeyDown = function (event) {
         var key = normalizeArrowKey(event);
         if (_this.buttonKeyDownHandlers[key]) {
-          _this.buttonKeyDownHandlers[key].call(_assertThisInitialized(_this), event);
+          _this.buttonKeyDownHandlers[key].call(_this, event);
         }
       };
       _this.buttonHandleClick = function (event) {
@@ -960,7 +958,7 @@ var Downshift = /*#__PURE__*/function () {
       _this.inputHandleKeyDown = function (event) {
         var key = normalizeArrowKey(event);
         if (key && _this.inputKeyDownHandlers[key]) {
-          _this.inputKeyDownHandlers[key].call(_assertThisInitialized(_this), event);
+          _this.inputKeyDownHandlers[key].call(_this, event);
         }
       };
       _this.inputHandleChange = function (event) {
@@ -1164,6 +1162,7 @@ var Downshift = /*#__PURE__*/function () {
       _this.state = _state;
       return _this;
     }
+    _inheritsLoose(Downshift, _Component);
     var _proto = Downshift.prototype;
     /**
      * Clear all running timeouts
@@ -2239,28 +2238,28 @@ var FunctionReset$2 = process.env.NODE_ENV !== "production" ? '__function_reset_
 
 var stateChangeTypes$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
+  FunctionCloseMenu: FunctionCloseMenu$1,
+  FunctionOpenMenu: FunctionOpenMenu$1,
+  FunctionReset: FunctionReset$2,
+  FunctionSelectItem: FunctionSelectItem$1,
+  FunctionSetHighlightedIndex: FunctionSetHighlightedIndex$1,
+  FunctionSetInputValue: FunctionSetInputValue$1,
+  FunctionToggleMenu: FunctionToggleMenu$1,
+  ItemClick: ItemClick$1,
+  ItemMouseMove: ItemMouseMove$1,
+  MenuMouseLeave: MenuMouseLeave$1,
+  ToggleButtonBlur: ToggleButtonBlur,
   ToggleButtonClick: ToggleButtonClick$1,
   ToggleButtonKeyDownArrowDown: ToggleButtonKeyDownArrowDown,
   ToggleButtonKeyDownArrowUp: ToggleButtonKeyDownArrowUp,
   ToggleButtonKeyDownCharacter: ToggleButtonKeyDownCharacter,
-  ToggleButtonKeyDownEscape: ToggleButtonKeyDownEscape,
-  ToggleButtonKeyDownHome: ToggleButtonKeyDownHome,
   ToggleButtonKeyDownEnd: ToggleButtonKeyDownEnd,
   ToggleButtonKeyDownEnter: ToggleButtonKeyDownEnter,
-  ToggleButtonKeyDownSpaceButton: ToggleButtonKeyDownSpaceButton,
-  ToggleButtonKeyDownPageUp: ToggleButtonKeyDownPageUp,
+  ToggleButtonKeyDownEscape: ToggleButtonKeyDownEscape,
+  ToggleButtonKeyDownHome: ToggleButtonKeyDownHome,
   ToggleButtonKeyDownPageDown: ToggleButtonKeyDownPageDown,
-  ToggleButtonBlur: ToggleButtonBlur,
-  MenuMouseLeave: MenuMouseLeave$1,
-  ItemMouseMove: ItemMouseMove$1,
-  ItemClick: ItemClick$1,
-  FunctionToggleMenu: FunctionToggleMenu$1,
-  FunctionOpenMenu: FunctionOpenMenu$1,
-  FunctionCloseMenu: FunctionCloseMenu$1,
-  FunctionSetHighlightedIndex: FunctionSetHighlightedIndex$1,
-  FunctionSelectItem: FunctionSelectItem$1,
-  FunctionSetInputValue: FunctionSetInputValue$1,
-  FunctionReset: FunctionReset$2
+  ToggleButtonKeyDownPageUp: ToggleButtonKeyDownPageUp,
+  ToggleButtonKeyDownSpaceButton: ToggleButtonKeyDownSpaceButton
 });
 
 /* eslint-disable complexity */
@@ -2469,7 +2468,7 @@ function useSelect(userProps) {
     }
   }, [dispatch, latest]), useMemo(function () {
     return [menuRef, toggleButtonRef];
-  }, []));
+  }, [menuRef.current, toggleButtonRef.current]));
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getMenuProps', 'getToggleButtonProps');
   // Reset itemRefs on close.
   useEffect(function () {
@@ -2793,29 +2792,29 @@ var ControlledPropUpdatedSelectedItem = process.env.NODE_ENV !== "production" ?
 
 var stateChangeTypes$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
+  ControlledPropUpdatedSelectedItem: ControlledPropUpdatedSelectedItem,
+  FunctionCloseMenu: FunctionCloseMenu,
+  FunctionOpenMenu: FunctionOpenMenu,
+  FunctionReset: FunctionReset$1,
+  FunctionSelectItem: FunctionSelectItem,
+  FunctionSetHighlightedIndex: FunctionSetHighlightedIndex,
+  FunctionSetInputValue: FunctionSetInputValue,
+  FunctionToggleMenu: FunctionToggleMenu,
+  InputBlur: InputBlur,
+  InputChange: InputChange,
+  InputClick: InputClick,
   InputKeyDownArrowDown: InputKeyDownArrowDown,
   InputKeyDownArrowUp: InputKeyDownArrowUp,
+  InputKeyDownEnd: InputKeyDownEnd,
+  InputKeyDownEnter: InputKeyDownEnter,
   InputKeyDownEscape: InputKeyDownEscape,
   InputKeyDownHome: InputKeyDownHome,
-  InputKeyDownEnd: InputKeyDownEnd,
-  InputKeyDownPageUp: InputKeyDownPageUp,
   InputKeyDownPageDown: InputKeyDownPageDown,
-  InputKeyDownEnter: InputKeyDownEnter,
-  InputChange: InputChange,
-  InputBlur: InputBlur,
-  InputClick: InputClick,
-  MenuMouseLeave: MenuMouseLeave,
-  ItemMouseMove: ItemMouseMove,
+  InputKeyDownPageUp: InputKeyDownPageUp,
   ItemClick: ItemClick,
-  ToggleButtonClick: ToggleButtonClick,
-  FunctionToggleMenu: FunctionToggleMenu,
-  FunctionOpenMenu: FunctionOpenMenu,
-  FunctionCloseMenu: FunctionCloseMenu,
-  FunctionSetHighlightedIndex: FunctionSetHighlightedIndex,
-  FunctionSelectItem: FunctionSelectItem,
-  FunctionSetInputValue: FunctionSetInputValue,
-  FunctionReset: FunctionReset$1,
-  ControlledPropUpdatedSelectedItem: ControlledPropUpdatedSelectedItem
+  ItemMouseMove: ItemMouseMove,
+  MenuMouseLeave: MenuMouseLeave,
+  ToggleButtonClick: ToggleButtonClick
 });
 
 function getInitialState$1(props) {
@@ -3091,7 +3090,7 @@ function useCombobox(userProps) {
     }
   }, [dispatch, latest]), useMemo(function () {
     return [menuRef, toggleButtonRef, inputRef];
-  }, []));
+  }, [menuRef.current, toggleButtonRef.current, inputRef.current]));
   var setGetterPropCallInfo = useGetterPropsCalledChecker('getInputProps', 'getMenuProps');
   // Reset itemRefs on close.
   useEffect(function () {
@@ -3540,19 +3539,19 @@ var FunctionReset = process.env.NODE_ENV !== "production" ? '__function_reset__'
 
 var stateChangeTypes = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  SelectedItemClick: SelectedItemClick,
-  SelectedItemKeyDownDelete: SelectedItemKeyDownDelete,
-  SelectedItemKeyDownBackspace: SelectedItemKeyDownBackspace,
-  SelectedItemKeyDownNavigationNext: SelectedItemKeyDownNavigationNext,
-  SelectedItemKeyDownNavigationPrevious: SelectedItemKeyDownNavigationPrevious,
-  DropdownKeyDownNavigationPrevious: DropdownKeyDownNavigationPrevious,
-  DropdownKeyDownBackspace: DropdownKeyDownBackspace,
   DropdownClick: DropdownClick,
+  DropdownKeyDownBackspace: DropdownKeyDownBackspace,
+  DropdownKeyDownNavigationPrevious: DropdownKeyDownNavigationPrevious,
   FunctionAddSelectedItem: FunctionAddSelectedItem,
   FunctionRemoveSelectedItem: FunctionRemoveSelectedItem,
-  FunctionSetSelectedItems: FunctionSetSelectedItems,
+  FunctionReset: FunctionReset,
   FunctionSetActiveIndex: FunctionSetActiveIndex,
-  FunctionReset: FunctionReset
+  FunctionSetSelectedItems: FunctionSetSelectedItems,
+  SelectedItemClick: SelectedItemClick,
+  SelectedItemKeyDownBackspace: SelectedItemKeyDownBackspace,
+  SelectedItemKeyDownDelete: SelectedItemKeyDownDelete,
+  SelectedItemKeyDownNavigationNext: SelectedItemKeyDownNavigationNext,
+  SelectedItemKeyDownNavigationPrevious: SelectedItemKeyDownNavigationPrevious
 });
 
 /* eslint-disable complexity */