downshift 9.3.4 → 9.3.6

package/dist/downshift.cjs.cjs

@@ -1966,10 +1966,10 @@ function getHighlightedIndexOnOpen(items, initialHighlightedIndex, defaultHighli
   }
 
   // initialHighlightedIndex will give value to highlightedIndex on initial state only.
-  if (initialHighlightedIndex !== undefined && highlightedIndex === initialHighlightedIndex && items[initialHighlightedIndex] && !isItemDisabled(items[initialHighlightedIndex], initialHighlightedIndex)) {
+  if (initialHighlightedIndex !== undefined && highlightedIndex === initialHighlightedIndex && (initialHighlightedIndex === -1 || items[initialHighlightedIndex] !== undefined && !isItemDisabled(items[initialHighlightedIndex], initialHighlightedIndex))) {
     return initialHighlightedIndex;
   }
-  if (defaultHighlightedIndex !== undefined && items[defaultHighlightedIndex] && !isItemDisabled(items[defaultHighlightedIndex], defaultHighlightedIndex)) {
+  if (defaultHighlightedIndex !== undefined && (defaultHighlightedIndex === -1 || items[defaultHighlightedIndex] !== undefined && !isItemDisabled(items[defaultHighlightedIndex], defaultHighlightedIndex))) {
     return defaultHighlightedIndex;
   }
   if (selectedItem) {
@@ -2441,7 +2441,7 @@ function downshiftSelectReducer(state, action) {
 
 var _excluded$3 = ["onClick"],
   _excluded2$3 = ["onMouseLeave", "refKey", "ref", "aria-label"],
-  _excluded3$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref", "disabled"],
+  _excluded3$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
   _excluded4$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
 useSelect.stateChangeTypes = stateChangeTypes$3;
 function useSelect(userProps) {
@@ -2665,7 +2665,6 @@ function useSelect(userProps) {
       _ref4$refKey = _ref4.refKey,
       refKey = _ref4$refKey === void 0 ? 'ref' : _ref4$refKey,
       ref = _ref4.ref,
-      disabled = _ref4.disabled,
       rest = _objectWithoutPropertiesLoose(_ref4, _excluded3$2);
     var _ref5 = otherProps != null ? otherProps : {},
       _ref5$suppressRefErro = _ref5.suppressRefError,
@@ -2696,8 +2695,8 @@ function useSelect(userProps) {
     };
     var toggleProps = _extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (toggleButtonNode) {
       toggleButtonRef.current = toggleButtonNode;
-    }), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3.disabled = disabled, _extends3), rest);
-    if (!disabled) {
+    }), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3), rest);
+    if (!rest.disabled) {
       /* istanbul ignore if (react-native) */
       {
         Object.assign(toggleProps, {
@@ -3059,8 +3058,8 @@ function downshiftUseComboboxReducer(state, action) {
 
 var _excluded$2 = ["onMouseLeave", "refKey", "ref", "aria-label"],
   _excluded2$2 = ["item", "index", "refKey", "ref", "onMouseMove", "onMouseDown", "onClick", "onPress", "disabled"],
-  _excluded3$1 = ["onClick", "onPress", "refKey", "ref", "disabled"],
-  _excluded4 = ["aria-label", "disabled", "onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "onClick", "refKey", "ref"];
+  _excluded3$1 = ["onClick", "onPress", "refKey", "ref"],
+  _excluded4 = ["aria-label", "onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "onClick", "refKey", "ref"];
 useCombobox.stateChangeTypes = stateChangeTypes$2;
 function useCombobox(userProps) {
   if (userProps === void 0) {
@@ -3317,7 +3316,6 @@ function useCombobox(userProps) {
       var _ref5$refKey = _ref5.refKey,
       refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
       ref = _ref5.ref,
-      disabled = _ref5.disabled,
       rest = _objectWithoutPropertiesLoose(_ref5, _excluded3$1);
     var latestState = latest.current.state;
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
@@ -3327,17 +3325,14 @@ function useCombobox(userProps) {
     };
     return _extends((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (toggleButtonNode) {
       toggleButtonRef.current = toggleButtonNode;
-    }), _extends4['aria-controls'] = elementIds.menuId, _extends4['aria-expanded'] = latestState.isOpen, _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !disabled && _extends({}, {
+    }), _extends4['aria-controls'] = elementIds.menuId, _extends4['aria-expanded'] = latestState.isOpen, _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends({}, {
       onClick: callAllEventHandlers(onClick, toggleButtonHandleClick)
-    }), {
-      disabled: disabled
-    }, rest);
+    }), rest);
   }, [dispatch, latest, elementIds]);
   var getInputProps = React.useCallback(function (inputProps, otherProps) {
     var _extends5;
     var _ref6 = inputProps != null ? inputProps : {},
       ariaLabel = _ref6['aria-label'],
-      disabled = _ref6.disabled,
       onKeyDown = _ref6.onKeyDown,
       onChange = _ref6.onChange,
       onInput = _ref6.onInput,
@@ -3385,13 +3380,13 @@ function useCombobox(userProps) {
     /* istanbul ignore next (preact) */
     var onChangeKey = 'onChange';
     var eventHandlers = {};
-    if (!disabled) {
+    if (!rest.disabled) {
       var _eventHandlers;
       eventHandlers = (_eventHandlers = {}, _eventHandlers[onChangeKey] = callAllEventHandlers(onChange, onInput, inputHandleChange), _eventHandlers.onKeyDown = callAllEventHandlers(onKeyDown, inputHandleKeyDown), _eventHandlers.onBlur = callAllEventHandlers(onBlur, inputHandleBlur), _eventHandlers.onClick = callAllEventHandlers(onClick, inputHandleClick), _eventHandlers);
     }
     return _extends((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function (inputNode) {
       inputRef.current = inputNode;
-    }), _extends5['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends5['aria-autocomplete'] = 'list', _extends5['aria-controls'] = elementIds.menuId, _extends5['aria-expanded'] = latestState.isOpen, _extends5['aria-labelledby'] = ariaLabel ? undefined : elementIds.labelId, _extends5['aria-label'] = ariaLabel, _extends5.autoComplete = 'off', _extends5.disabled = disabled, _extends5.id = elementIds.inputId, _extends5.role = 'combobox', _extends5.value = latestState.inputValue, _extends5), eventHandlers, rest);
+    }), _extends5['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends5['aria-autocomplete'] = 'list', _extends5['aria-controls'] = elementIds.menuId, _extends5['aria-expanded'] = latestState.isOpen, _extends5['aria-labelledby'] = ariaLabel ? undefined : elementIds.labelId, _extends5['aria-label'] = ariaLabel, _extends5.autoComplete = 'off', _extends5.id = elementIds.inputId, _extends5.role = 'combobox', _extends5.value = latestState.inputValue, _extends5), eventHandlers, rest);
   }, [dispatch, elementIds, environment, inputKeyDownHandlers, latest, mouseAndTouchTrackers, setGetterPropCallInfo]);
 
   // returns

package/dist/downshift.d.ts

@@ -47,17 +47,17 @@ declare class Downshift extends Component<any, any, any> {
         defaultIsOpen: boolean;
         getA11yStatusMessage: typeof getA11yStatusMessage;
         itemToString: (i: any) => string;
-        onStateChange: typeof noop;
-        onInputValueChange: typeof noop;
-        onUserAction: typeof noop;
-        onChange: typeof noop;
-        onSelect: typeof noop;
-        onOuterClick: typeof noop;
+        onStateChange: any;
+        onInputValueChange: any;
+        onUserAction: any;
+        onChange: any;
+        onSelect: any;
+        onOuterClick: any;
         selectedItemChanged: (prevItem: any, item: any) => boolean;
         environment: (Window & typeof globalThis) | undefined;
         stateReducer: (state: any, stateToSet: any) => any;
         suppressRefError: boolean;
-        scrollIntoView: typeof scrollIntoView;
+        scrollIntoView: any;
     };
     static stateChangeTypes: typeof stateChangeTypes;
     constructor(props: any);
@@ -163,28 +163,13 @@ declare class Downshift extends Component<any, any, any> {
             index: any;
             item?: void | undefined;
         }) => {
-            onMouseMove: (event: import("react").SyntheticEvent<Element, Event> & {
-                preventDownshiftDefault?: boolean | undefined;
-                nativeEvent: {
-                    preventDownshiftDefault?: boolean | undefined;
-                };
-            }, ...args: unknown[]) => boolean;
-            onMouseDown: (event: import("react").SyntheticEvent<Element, Event> & {
-                preventDownshiftDefault?: boolean | undefined;
-                nativeEvent: {
-                    preventDownshiftDefault?: boolean | undefined;
-                };
-            }, ...args: unknown[]) => boolean;
+            onMouseMove: any;
+            onMouseDown: any;
             id: any;
             role: string;
             'aria-selected': boolean;
         } | {
-            onMouseDown: (event: import("react").SyntheticEvent<Element, Event> & {
-                preventDownshiftDefault?: boolean | undefined;
-                nativeEvent: {
-                    preventDownshiftDefault?: boolean | undefined;
-                };
-            }, ...args: unknown[]) => boolean;
+            onMouseDown: any;
             id: any;
             role: string;
             'aria-selected': boolean;
@@ -300,28 +285,13 @@ declare class Downshift extends Component<any, any, any> {
         index: any;
         item?: void | undefined;
     }) => {
-        onMouseMove: (event: import("react").SyntheticEvent<Element, Event> & {
-            preventDownshiftDefault?: boolean | undefined;
-            nativeEvent: {
-                preventDownshiftDefault?: boolean | undefined;
-            };
-        }, ...args: unknown[]) => boolean;
-        onMouseDown: (event: import("react").SyntheticEvent<Element, Event> & {
-            preventDownshiftDefault?: boolean | undefined;
-            nativeEvent: {
-                preventDownshiftDefault?: boolean | undefined;
-            };
-        }, ...args: unknown[]) => boolean;
+        onMouseMove: any;
+        onMouseDown: any;
         id: any;
         role: string;
         'aria-selected': boolean;
     } | {
-        onMouseDown: (event: import("react").SyntheticEvent<Element, Event> & {
-            preventDownshiftDefault?: boolean | undefined;
-            nativeEvent: {
-                preventDownshiftDefault?: boolean | undefined;
-            };
-        }, ...args: unknown[]) => boolean;
+        onMouseDown: any;
         id: any;
         role: string;
         'aria-selected': boolean;
@@ -332,9 +302,7 @@ declare class Downshift extends Component<any, any, any> {
     toggleMenu: (otherStateToSet: {} | undefined, cb: any) => void;
     openMenu: (cb: any) => void;
     closeMenu: (cb: any) => void;
-    updateStatus: Function & {
-        cancel: Function;
-    };
+    updateStatus: any;
     componentDidMount(): void;
     cleanup: (() => void) | (() => void) | undefined;
     isMouseDown: boolean | undefined;
@@ -347,6 +315,4 @@ declare class Downshift extends Component<any, any, any> {
 import { Component } from "react";
 import PropTypes from "prop-types";
 import { getA11yStatusMessage } from "./utils.legacy";
-import { noop } from "./utils";
-import { scrollIntoView } from "./utils";
 import * as stateChangeTypes from "./stateChangeTypes";

package/dist/downshift.esm.mjs

@@ -1944,10 +1944,10 @@ function getHighlightedIndexOnOpen(items, initialHighlightedIndex, defaultHighli
   }
 
   // initialHighlightedIndex will give value to highlightedIndex on initial state only.
-  if (initialHighlightedIndex !== undefined && highlightedIndex === initialHighlightedIndex && items[initialHighlightedIndex] && !isItemDisabled(items[initialHighlightedIndex], initialHighlightedIndex)) {
+  if (initialHighlightedIndex !== undefined && highlightedIndex === initialHighlightedIndex && (initialHighlightedIndex === -1 || items[initialHighlightedIndex] !== undefined && !isItemDisabled(items[initialHighlightedIndex], initialHighlightedIndex))) {
     return initialHighlightedIndex;
   }
-  if (defaultHighlightedIndex !== undefined && items[defaultHighlightedIndex] && !isItemDisabled(items[defaultHighlightedIndex], defaultHighlightedIndex)) {
+  if (defaultHighlightedIndex !== undefined && (defaultHighlightedIndex === -1 || items[defaultHighlightedIndex] !== undefined && !isItemDisabled(items[defaultHighlightedIndex], defaultHighlightedIndex))) {
     return defaultHighlightedIndex;
   }
   if (selectedItem) {
@@ -2419,7 +2419,7 @@ function downshiftSelectReducer(state, action) {
 
 var _excluded$3 = ["onClick"],
   _excluded2$3 = ["onMouseLeave", "refKey", "ref", "aria-label"],
-  _excluded3$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref", "disabled"],
+  _excluded3$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
   _excluded4$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
 useSelect.stateChangeTypes = stateChangeTypes$3;
 function useSelect(userProps) {
@@ -2643,7 +2643,6 @@ function useSelect(userProps) {
       _ref4$refKey = _ref4.refKey,
       refKey = _ref4$refKey === void 0 ? 'ref' : _ref4$refKey,
       ref = _ref4.ref,
-      disabled = _ref4.disabled,
       rest = _objectWithoutPropertiesLoose(_ref4, _excluded3$2);
     var _ref5 = otherProps != null ? otherProps : {},
       _ref5$suppressRefErro = _ref5.suppressRefError,
@@ -2674,8 +2673,8 @@ function useSelect(userProps) {
     };
     var toggleProps = _extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (toggleButtonNode) {
       toggleButtonRef.current = toggleButtonNode;
-    }), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3.disabled = disabled, _extends3), rest);
-    if (!disabled) {
+    }), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3), rest);
+    if (!rest.disabled) {
       /* istanbul ignore if (react-native) */
       {
         Object.assign(toggleProps, {
@@ -3037,8 +3036,8 @@ function downshiftUseComboboxReducer(state, action) {
 
 var _excluded$2 = ["onMouseLeave", "refKey", "ref", "aria-label"],
   _excluded2$2 = ["item", "index", "refKey", "ref", "onMouseMove", "onMouseDown", "onClick", "onPress", "disabled"],
-  _excluded3$1 = ["onClick", "onPress", "refKey", "ref", "disabled"],
-  _excluded4 = ["aria-label", "disabled", "onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "onClick", "refKey", "ref"];
+  _excluded3$1 = ["onClick", "onPress", "refKey", "ref"],
+  _excluded4 = ["aria-label", "onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "onClick", "refKey", "ref"];
 useCombobox.stateChangeTypes = stateChangeTypes$2;
 function useCombobox(userProps) {
   if (userProps === void 0) {
@@ -3295,7 +3294,6 @@ function useCombobox(userProps) {
       var _ref5$refKey = _ref5.refKey,
       refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
       ref = _ref5.ref,
-      disabled = _ref5.disabled,
       rest = _objectWithoutPropertiesLoose(_ref5, _excluded3$1);
     var latestState = latest.current.state;
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
@@ -3305,17 +3303,14 @@ function useCombobox(userProps) {
     };
     return _extends((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (toggleButtonNode) {
       toggleButtonRef.current = toggleButtonNode;
-    }), _extends4['aria-controls'] = elementIds.menuId, _extends4['aria-expanded'] = latestState.isOpen, _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !disabled && _extends({}, {
+    }), _extends4['aria-controls'] = elementIds.menuId, _extends4['aria-expanded'] = latestState.isOpen, _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends({}, {
       onClick: callAllEventHandlers(onClick, toggleButtonHandleClick)
-    }), {
-      disabled: disabled
-    }, rest);
+    }), rest);
   }, [dispatch, latest, elementIds]);
   var getInputProps = useCallback(function (inputProps, otherProps) {
     var _extends5;
     var _ref6 = inputProps != null ? inputProps : {},
       ariaLabel = _ref6['aria-label'],
-      disabled = _ref6.disabled,
       onKeyDown = _ref6.onKeyDown,
       onChange = _ref6.onChange,
       onInput = _ref6.onInput,
@@ -3363,13 +3358,13 @@ function useCombobox(userProps) {
     /* istanbul ignore next (preact) */
     var onChangeKey = 'onChange';
     var eventHandlers = {};
-    if (!disabled) {
+    if (!rest.disabled) {
       var _eventHandlers;
       eventHandlers = (_eventHandlers = {}, _eventHandlers[onChangeKey] = callAllEventHandlers(onChange, onInput, inputHandleChange), _eventHandlers.onKeyDown = callAllEventHandlers(onKeyDown, inputHandleKeyDown), _eventHandlers.onBlur = callAllEventHandlers(onBlur, inputHandleBlur), _eventHandlers.onClick = callAllEventHandlers(onClick, inputHandleClick), _eventHandlers);
     }
     return _extends((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function (inputNode) {
       inputRef.current = inputNode;
-    }), _extends5['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends5['aria-autocomplete'] = 'list', _extends5['aria-controls'] = elementIds.menuId, _extends5['aria-expanded'] = latestState.isOpen, _extends5['aria-labelledby'] = ariaLabel ? undefined : elementIds.labelId, _extends5['aria-label'] = ariaLabel, _extends5.autoComplete = 'off', _extends5.disabled = disabled, _extends5.id = elementIds.inputId, _extends5.role = 'combobox', _extends5.value = latestState.inputValue, _extends5), eventHandlers, rest);
+    }), _extends5['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends5['aria-autocomplete'] = 'list', _extends5['aria-controls'] = elementIds.menuId, _extends5['aria-expanded'] = latestState.isOpen, _extends5['aria-labelledby'] = ariaLabel ? undefined : elementIds.labelId, _extends5['aria-label'] = ariaLabel, _extends5.autoComplete = 'off', _extends5.id = elementIds.inputId, _extends5.role = 'combobox', _extends5.value = latestState.inputValue, _extends5), eventHandlers, rest);
   }, [dispatch, elementIds, environment, inputKeyDownHandlers, latest, mouseAndTouchTrackers, setGetterPropCallInfo]);
 
   // returns

package/dist/downshift.native.cjs.cjs

@@ -1854,10 +1854,10 @@ function getHighlightedIndexOnOpen(items, initialHighlightedIndex, defaultHighli
   }
 
   // initialHighlightedIndex will give value to highlightedIndex on initial state only.
-  if (initialHighlightedIndex !== undefined && highlightedIndex === initialHighlightedIndex && items[initialHighlightedIndex] && !isItemDisabled(items[initialHighlightedIndex], initialHighlightedIndex)) {
+  if (initialHighlightedIndex !== undefined && highlightedIndex === initialHighlightedIndex && (initialHighlightedIndex === -1 || items[initialHighlightedIndex] !== undefined && !isItemDisabled(items[initialHighlightedIndex], initialHighlightedIndex))) {
     return initialHighlightedIndex;
   }
-  if (defaultHighlightedIndex !== undefined && items[defaultHighlightedIndex] && !isItemDisabled(items[defaultHighlightedIndex], defaultHighlightedIndex)) {
+  if (defaultHighlightedIndex !== undefined && (defaultHighlightedIndex === -1 || items[defaultHighlightedIndex] !== undefined && !isItemDisabled(items[defaultHighlightedIndex], defaultHighlightedIndex))) {
     return defaultHighlightedIndex;
   }
   if (selectedItem) {
@@ -2294,7 +2294,7 @@ function downshiftSelectReducer(state, action) {
 
 var _excluded$3 = ["onClick"],
   _excluded2$3 = ["onMouseLeave", "refKey", "ref", "aria-label"],
-  _excluded3$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref", "disabled"],
+  _excluded3$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
   _excluded4$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
 useSelect.stateChangeTypes = stateChangeTypes$3;
 function useSelect(userProps) {
@@ -2518,7 +2518,6 @@ function useSelect(userProps) {
       var _ref4$refKey = _ref4.refKey,
       refKey = _ref4$refKey === void 0 ? 'ref' : _ref4$refKey,
       ref = _ref4.ref,
-      disabled = _ref4.disabled,
       rest = _objectWithoutPropertiesLoose(_ref4, _excluded3$2);
     var _ref5 = otherProps != null ? otherProps : {},
       _ref5$suppressRefErro = _ref5.suppressRefError,
@@ -2538,8 +2537,8 @@ function useSelect(userProps) {
     };
     var toggleProps = _extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (toggleButtonNode) {
       toggleButtonRef.current = toggleButtonNode;
-    }), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3.disabled = disabled, _extends3), rest);
-    if (!disabled) {
+    }), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3), rest);
+    if (!rest.disabled) {
       /* istanbul ignore if (react-native) */
       {
         Object.assign(toggleProps, {
@@ -2900,8 +2899,8 @@ function downshiftUseComboboxReducer(state, action) {
 
 var _excluded$2 = ["onMouseLeave", "refKey", "ref", "aria-label"],
   _excluded2$2 = ["item", "index", "refKey", "ref", "onMouseMove", "onMouseDown", "onClick", "onPress", "disabled"],
-  _excluded3$1 = ["onClick", "onPress", "refKey", "ref", "disabled"],
-  _excluded4 = ["aria-label", "disabled", "onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "onClick", "refKey", "ref"];
+  _excluded3$1 = ["onClick", "onPress", "refKey", "ref"],
+  _excluded4 = ["aria-label", "onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "onClick", "refKey", "ref"];
 useCombobox.stateChangeTypes = stateChangeTypes$2;
 function useCombobox(userProps) {
   if (userProps === void 0) {
@@ -3158,7 +3157,6 @@ function useCombobox(userProps) {
       _ref5$refKey = _ref5.refKey,
       refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
       ref = _ref5.ref,
-      disabled = _ref5.disabled,
       rest = _objectWithoutPropertiesLoose(_ref5, _excluded3$1);
     var latestState = latest.current.state;
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
@@ -3168,17 +3166,14 @@ function useCombobox(userProps) {
     };
     return _extends((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (toggleButtonNode) {
       toggleButtonRef.current = toggleButtonNode;
-    }), _extends4['aria-controls'] = elementIds.menuId, _extends4['aria-expanded'] = latestState.isOpen, _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !disabled && _extends({}, /* istanbul ignore next (react-native) */{
+    }), _extends4['aria-controls'] = elementIds.menuId, _extends4['aria-expanded'] = latestState.isOpen, _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends({}, /* istanbul ignore next (react-native) */{
       onPress: callAllEventHandlers(onPress, toggleButtonHandleClick)
-    } ), {
-      disabled: disabled
-    }, rest);
+    } ), rest);
   }, [dispatch, latest, elementIds]);
   var getInputProps = React.useCallback(function (inputProps, otherProps) {
     var _extends5;
     var _ref6 = inputProps != null ? inputProps : {},
       ariaLabel = _ref6['aria-label'],
-      disabled = _ref6.disabled,
       onKeyDown = _ref6.onKeyDown,
       onChange = _ref6.onChange,
       onInput = _ref6.onInput,
@@ -3226,7 +3221,7 @@ function useCombobox(userProps) {
     /* istanbul ignore next (preact) */
     var onChangeKey = 'onChange';
     var eventHandlers = {};
-    if (!disabled) {
+    if (!rest.disabled) {
       var _eventHandlers;
       eventHandlers = (_eventHandlers = {}, _eventHandlers[onChangeKey] = callAllEventHandlers(onChange, onInput, inputHandleChange), _eventHandlers.onKeyDown = callAllEventHandlers(onKeyDown, inputHandleKeyDown), _eventHandlers.onBlur = callAllEventHandlers(onBlur, inputHandleBlur), _eventHandlers.onClick = callAllEventHandlers(onClick, inputHandleClick), _eventHandlers);
     }
@@ -3244,7 +3239,7 @@ function useCombobox(userProps) {
     }
     return _extends((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function (inputNode) {
       inputRef.current = inputNode;
-    }), _extends5['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends5['aria-autocomplete'] = 'list', _extends5['aria-controls'] = elementIds.menuId, _extends5['aria-expanded'] = latestState.isOpen, _extends5['aria-labelledby'] = ariaLabel ? undefined : elementIds.labelId, _extends5['aria-label'] = ariaLabel, _extends5.autoComplete = 'off', _extends5.disabled = disabled, _extends5.id = elementIds.inputId, _extends5.role = 'combobox', _extends5.value = latestState.inputValue, _extends5), eventHandlers, rest);
+    }), _extends5['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends5['aria-autocomplete'] = 'list', _extends5['aria-controls'] = elementIds.menuId, _extends5['aria-expanded'] = latestState.isOpen, _extends5['aria-labelledby'] = ariaLabel ? undefined : elementIds.labelId, _extends5['aria-label'] = ariaLabel, _extends5.autoComplete = 'off', _extends5.id = elementIds.inputId, _extends5.role = 'combobox', _extends5.value = latestState.inputValue, _extends5), eventHandlers, rest);
   }, [dispatch, elementIds, environment, inputKeyDownHandlers, latest, mouseAndTouchTrackers, setGetterPropCallInfo]);
 
   // returns

package/dist/downshift.nativeweb.cjs.cjs

@@ -1964,10 +1964,10 @@ function getHighlightedIndexOnOpen(items, initialHighlightedIndex, defaultHighli
   }
 
   // initialHighlightedIndex will give value to highlightedIndex on initial state only.
-  if (initialHighlightedIndex !== undefined && highlightedIndex === initialHighlightedIndex && items[initialHighlightedIndex] && !isItemDisabled(items[initialHighlightedIndex], initialHighlightedIndex)) {
+  if (initialHighlightedIndex !== undefined && highlightedIndex === initialHighlightedIndex && (initialHighlightedIndex === -1 || items[initialHighlightedIndex] !== undefined && !isItemDisabled(items[initialHighlightedIndex], initialHighlightedIndex))) {
     return initialHighlightedIndex;
   }
-  if (defaultHighlightedIndex !== undefined && items[defaultHighlightedIndex] && !isItemDisabled(items[defaultHighlightedIndex], defaultHighlightedIndex)) {
+  if (defaultHighlightedIndex !== undefined && (defaultHighlightedIndex === -1 || items[defaultHighlightedIndex] !== undefined && !isItemDisabled(items[defaultHighlightedIndex], defaultHighlightedIndex))) {
     return defaultHighlightedIndex;
   }
   if (selectedItem) {
@@ -2439,7 +2439,7 @@ function downshiftSelectReducer(state, action) {
 
 var _excluded$3 = ["onClick"],
   _excluded2$3 = ["onMouseLeave", "refKey", "ref", "aria-label"],
-  _excluded3$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref", "disabled"],
+  _excluded3$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
   _excluded4$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
 useSelect.stateChangeTypes = stateChangeTypes$3;
 function useSelect(userProps) {
@@ -2663,7 +2663,6 @@ function useSelect(userProps) {
       var _ref4$refKey = _ref4.refKey,
       refKey = _ref4$refKey === void 0 ? 'ref' : _ref4$refKey,
       ref = _ref4.ref,
-      disabled = _ref4.disabled,
       rest = _objectWithoutPropertiesLoose(_ref4, _excluded3$2);
     var _ref5 = otherProps != null ? otherProps : {},
       _ref5$suppressRefErro = _ref5.suppressRefError,
@@ -2683,8 +2682,8 @@ function useSelect(userProps) {
     };
     var toggleProps = _extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (toggleButtonNode) {
       toggleButtonRef.current = toggleButtonNode;
-    }), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3.disabled = disabled, _extends3), rest);
-    if (!disabled) {
+    }), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3), rest);
+    if (!rest.disabled) {
       /* istanbul ignore if (react-native) */
       {
         Object.assign(toggleProps, {
@@ -3045,8 +3044,8 @@ function downshiftUseComboboxReducer(state, action) {
 
 var _excluded$2 = ["onMouseLeave", "refKey", "ref", "aria-label"],
   _excluded2$2 = ["item", "index", "refKey", "ref", "onMouseMove", "onMouseDown", "onClick", "onPress", "disabled"],
-  _excluded3$1 = ["onClick", "onPress", "refKey", "ref", "disabled"],
-  _excluded4 = ["aria-label", "disabled", "onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "onClick", "refKey", "ref"];
+  _excluded3$1 = ["onClick", "onPress", "refKey", "ref"],
+  _excluded4 = ["aria-label", "onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "onClick", "refKey", "ref"];
 useCombobox.stateChangeTypes = stateChangeTypes$2;
 function useCombobox(userProps) {
   if (userProps === void 0) {
@@ -3303,7 +3302,6 @@ function useCombobox(userProps) {
       _ref5$refKey = _ref5.refKey,
       refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
       ref = _ref5.ref,
-      disabled = _ref5.disabled,
       rest = _objectWithoutPropertiesLoose(_ref5, _excluded3$1);
     var latestState = latest.current.state;
     var toggleButtonHandleClick = function toggleButtonHandleClick() {
@@ -3313,17 +3311,14 @@ function useCombobox(userProps) {
     };
     return _extends((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (toggleButtonNode) {
       toggleButtonRef.current = toggleButtonNode;
-    }), _extends4['aria-controls'] = elementIds.menuId, _extends4['aria-expanded'] = latestState.isOpen, _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !disabled && _extends({}, /* istanbul ignore next (react-native) */{
+    }), _extends4['aria-controls'] = elementIds.menuId, _extends4['aria-expanded'] = latestState.isOpen, _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends({}, /* istanbul ignore next (react-native) */{
       onPress: callAllEventHandlers(onPress, toggleButtonHandleClick)
-    } ), {
-      disabled: disabled
-    }, rest);
+    } ), rest);
   }, [dispatch, latest, elementIds]);
   var getInputProps = React.useCallback(function (inputProps, otherProps) {
     var _extends5;
     var _ref6 = inputProps != null ? inputProps : {},
       ariaLabel = _ref6['aria-label'],
-      disabled = _ref6.disabled,
       onKeyDown = _ref6.onKeyDown,
       onChange = _ref6.onChange,
       onInput = _ref6.onInput,
@@ -3371,13 +3366,13 @@ function useCombobox(userProps) {
     /* istanbul ignore next (preact) */
     var onChangeKey = 'onChange';
     var eventHandlers = {};
-    if (!disabled) {
+    if (!rest.disabled) {
       var _eventHandlers;
       eventHandlers = (_eventHandlers = {}, _eventHandlers[onChangeKey] = callAllEventHandlers(onChange, onInput, inputHandleChange), _eventHandlers.onKeyDown = callAllEventHandlers(onKeyDown, inputHandleKeyDown), _eventHandlers.onBlur = callAllEventHandlers(onBlur, inputHandleBlur), _eventHandlers.onClick = callAllEventHandlers(onClick, inputHandleClick), _eventHandlers);
     }
     return _extends((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function (inputNode) {
       inputRef.current = inputNode;
-    }), _extends5['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends5['aria-autocomplete'] = 'list', _extends5['aria-controls'] = elementIds.menuId, _extends5['aria-expanded'] = latestState.isOpen, _extends5['aria-labelledby'] = ariaLabel ? undefined : elementIds.labelId, _extends5['aria-label'] = ariaLabel, _extends5.autoComplete = 'off', _extends5.disabled = disabled, _extends5.id = elementIds.inputId, _extends5.role = 'combobox', _extends5.value = latestState.inputValue, _extends5), eventHandlers, rest);
+    }), _extends5['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends5['aria-autocomplete'] = 'list', _extends5['aria-controls'] = elementIds.menuId, _extends5['aria-expanded'] = latestState.isOpen, _extends5['aria-labelledby'] = ariaLabel ? undefined : elementIds.labelId, _extends5['aria-label'] = ariaLabel, _extends5.autoComplete = 'off', _extends5.id = elementIds.inputId, _extends5.role = 'combobox', _extends5.value = latestState.inputValue, _extends5), eventHandlers, rest);
   }, [dispatch, elementIds, environment, inputKeyDownHandlers, latest, mouseAndTouchTrackers, setGetterPropCallInfo]);
 
   // returns

package/dist/downshift.umd.js

@@ -3319,10 +3319,10 @@
     }
 
     // initialHighlightedIndex will give value to highlightedIndex on initial state only.
-    if (initialHighlightedIndex !== undefined && highlightedIndex === initialHighlightedIndex && items[initialHighlightedIndex] && !isItemDisabled(items[initialHighlightedIndex], initialHighlightedIndex)) {
+    if (initialHighlightedIndex !== undefined && highlightedIndex === initialHighlightedIndex && (initialHighlightedIndex === -1 || items[initialHighlightedIndex] !== undefined && !isItemDisabled(items[initialHighlightedIndex], initialHighlightedIndex))) {
       return initialHighlightedIndex;
     }
-    if (defaultHighlightedIndex !== undefined && items[defaultHighlightedIndex] && !isItemDisabled(items[defaultHighlightedIndex], defaultHighlightedIndex)) {
+    if (defaultHighlightedIndex !== undefined && (defaultHighlightedIndex === -1 || items[defaultHighlightedIndex] !== undefined && !isItemDisabled(items[defaultHighlightedIndex], defaultHighlightedIndex))) {
       return defaultHighlightedIndex;
     }
     if (selectedItem) {
@@ -3794,7 +3794,7 @@
 
   var _excluded$3 = ["onClick"],
     _excluded2$3 = ["onMouseLeave", "refKey", "ref", "aria-label"],
-    _excluded3$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref", "disabled"],
+    _excluded3$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"],
     _excluded4$1 = ["item", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"];
   useSelect.stateChangeTypes = stateChangeTypes$3;
   function useSelect(userProps) {
@@ -4018,7 +4018,6 @@
         _ref4$refKey = _ref4.refKey,
         refKey = _ref4$refKey === void 0 ? 'ref' : _ref4$refKey,
         ref = _ref4.ref,
-        disabled = _ref4.disabled,
         rest = _objectWithoutPropertiesLoose(_ref4, _excluded3$2);
       var _ref5 = otherProps != null ? otherProps : {},
         _ref5$suppressRefErro = _ref5.suppressRefError,
@@ -4049,8 +4048,8 @@
       };
       var toggleProps = _extends((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function (toggleButtonNode) {
         toggleButtonRef.current = toggleButtonNode;
-      }), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3.disabled = disabled, _extends3), rest);
-      if (!disabled) {
+      }), _extends3['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends3['aria-controls'] = elementIds.menuId, _extends3['aria-expanded'] = latest.current.state.isOpen, _extends3['aria-haspopup'] = 'listbox', _extends3['aria-labelledby'] = rest['aria-label'] ? undefined : "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = 'combobox', _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3), rest);
+      if (!rest.disabled) {
         /* istanbul ignore if (react-native) */
         {
           Object.assign(toggleProps, {
@@ -4412,8 +4411,8 @@
 
   var _excluded$2 = ["onMouseLeave", "refKey", "ref", "aria-label"],
     _excluded2$2 = ["item", "index", "refKey", "ref", "onMouseMove", "onMouseDown", "onClick", "onPress", "disabled"],
-    _excluded3$1 = ["onClick", "onPress", "refKey", "ref", "disabled"],
-    _excluded4 = ["aria-label", "disabled", "onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "onClick", "refKey", "ref"];
+    _excluded3$1 = ["onClick", "onPress", "refKey", "ref"],
+    _excluded4 = ["aria-label", "onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "onClick", "refKey", "ref"];
   useCombobox.stateChangeTypes = stateChangeTypes$2;
   function useCombobox(userProps) {
     if (userProps === void 0) {
@@ -4670,7 +4669,6 @@
         var _ref5$refKey = _ref5.refKey,
         refKey = _ref5$refKey === void 0 ? 'ref' : _ref5$refKey,
         ref = _ref5.ref,
-        disabled = _ref5.disabled,
         rest = _objectWithoutPropertiesLoose(_ref5, _excluded3$1);
       var latestState = latest.current.state;
       var toggleButtonHandleClick = function toggleButtonHandleClick() {
@@ -4680,17 +4678,14 @@
       };
       return _extends((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function (toggleButtonNode) {
         toggleButtonRef.current = toggleButtonNode;
-      }), _extends4['aria-controls'] = elementIds.menuId, _extends4['aria-expanded'] = latestState.isOpen, _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !disabled && _extends({}, {
+      }), _extends4['aria-controls'] = elementIds.menuId, _extends4['aria-expanded'] = latestState.isOpen, _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends({}, {
         onClick: callAllEventHandlers(onClick, toggleButtonHandleClick)
-      }), {
-        disabled: disabled
-      }, rest);
+      }), rest);
     }, [dispatch, latest, elementIds]);
     var getInputProps = React.useCallback(function (inputProps, otherProps) {
       var _extends5;
       var _ref6 = inputProps != null ? inputProps : {},
         ariaLabel = _ref6['aria-label'],
-        disabled = _ref6.disabled,
         onKeyDown = _ref6.onKeyDown,
         onChange = _ref6.onChange,
         onInput = _ref6.onInput,
@@ -4738,13 +4733,13 @@
       /* istanbul ignore next (preact) */
       var onChangeKey = 'onChange';
       var eventHandlers = {};
-      if (!disabled) {
+      if (!rest.disabled) {
         var _eventHandlers;
         eventHandlers = (_eventHandlers = {}, _eventHandlers[onChangeKey] = callAllEventHandlers(onChange, onInput, inputHandleChange), _eventHandlers.onKeyDown = callAllEventHandlers(onKeyDown, inputHandleKeyDown), _eventHandlers.onBlur = callAllEventHandlers(onBlur, inputHandleBlur), _eventHandlers.onClick = callAllEventHandlers(onClick, inputHandleClick), _eventHandlers);
       }
       return _extends((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function (inputNode) {
         inputRef.current = inputNode;
-      }), _extends5['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends5['aria-autocomplete'] = 'list', _extends5['aria-controls'] = elementIds.menuId, _extends5['aria-expanded'] = latestState.isOpen, _extends5['aria-labelledby'] = ariaLabel ? undefined : elementIds.labelId, _extends5['aria-label'] = ariaLabel, _extends5.autoComplete = 'off', _extends5.disabled = disabled, _extends5.id = elementIds.inputId, _extends5.role = 'combobox', _extends5.value = latestState.inputValue, _extends5), eventHandlers, rest);
+      }), _extends5['aria-activedescendant'] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : '', _extends5['aria-autocomplete'] = 'list', _extends5['aria-controls'] = elementIds.menuId, _extends5['aria-expanded'] = latestState.isOpen, _extends5['aria-labelledby'] = ariaLabel ? undefined : elementIds.labelId, _extends5['aria-label'] = ariaLabel, _extends5.autoComplete = 'off', _extends5.id = elementIds.inputId, _extends5.role = 'combobox', _extends5.value = latestState.inputValue, _extends5), eventHandlers, rest);
     }, [dispatch, elementIds, environment, inputKeyDownHandlers, latest, mouseAndTouchTrackers, setGetterPropCallInfo]);
 
     // returns