downshift 9.3.4-alpha.0 → 9.3.5

package/dist/downshift.cjs.cjs

@@ -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);
@@ -106,6 +106,7 @@ declare class Downshift extends Component<any, any, any> {
     getStateAndHelpers(): {
         getRootProps: ({ refKey, ref, ...rest }?: {
             refKey?: string | undefined;
+            ref: any;
         }, { suppressRefError }?: {
             suppressRefError?: boolean | undefined;
         }) => {
@@ -115,7 +116,13 @@ declare class Downshift extends Component<any, any, any> {
             'aria-owns': any;
             'aria-labelledby': any;
         };
-        getToggleButtonProps: ({ onClick, onPress, onKeyDown, onKeyUp, onBlur, ...rest }?: {}) => {
+        getToggleButtonProps: ({ onClick, onPress, onKeyDown, onKeyUp, onBlur, ...rest }?: {
+            onClick: any;
+            onPress: any;
+            onKeyDown: any;
+            onKeyUp: any;
+            onBlur: any;
+        }) => {
             type: string;
             role: string;
             'aria-label': string;
@@ -125,6 +132,7 @@ declare class Downshift extends Component<any, any, any> {
         getLabelProps: (props: any) => any;
         getMenuProps: ({ refKey, ref, ...props }?: {
             refKey?: string | undefined;
+            ref: any;
         }, { suppressRefError }?: {
             suppressRefError?: boolean | undefined;
         }) => {
@@ -132,7 +140,13 @@ declare class Downshift extends Component<any, any, any> {
             'aria-labelledby': any;
             id: any;
         };
-        getInputProps: ({ onKeyDown, onBlur, onChange, onInput, onChangeText, ...rest }?: {}) => {
+        getInputProps: ({ onKeyDown, onBlur, onChange, onInput, onChangeText, ...rest }?: {
+            onKeyDown: any;
+            onBlur: any;
+            onChange: any;
+            onInput: any;
+            onChangeText: any;
+        }) => {
             'aria-autocomplete': string;
             'aria-activedescendant': any;
             'aria-controls': any;
@@ -142,30 +156,20 @@ declare class Downshift extends Component<any, any, any> {
             id: any;
         };
         getItemProps: ({ onMouseMove, onMouseDown, onClick, onPress, index, item, ...rest }?: {
+            onMouseMove: any;
+            onMouseDown: any;
+            onClick: any;
+            onPress: any;
+            index: any;
             item?: void | undefined;
         }) => {
-            onMouseMove: (event: React.SyntheticEvent & {
-                preventDownshiftDefault?: boolean;
-                nativeEvent: {
-                    preventDownshiftDefault?: boolean;
-                };
-            }, ...args: unknown[]) => boolean;
-            onMouseDown: (event: React.SyntheticEvent & {
-                preventDownshiftDefault?: boolean;
-                nativeEvent: {
-                    preventDownshiftDefault?: boolean;
-                };
-            }, ...args: unknown[]) => boolean;
+            onMouseMove: any;
+            onMouseDown: any;
             id: any;
             role: string;
             'aria-selected': boolean;
         } | {
-            onMouseDown: (event: React.SyntheticEvent & {
-                preventDownshiftDefault?: boolean;
-                nativeEvent: {
-                    preventDownshiftDefault?: boolean;
-                };
-            }, ...args: unknown[]) => boolean;
+            onMouseDown: any;
             id: any;
             role: string;
             'aria-selected': boolean;
@@ -194,6 +198,7 @@ declare class Downshift extends Component<any, any, any> {
     _rootNode: any;
     getRootProps: ({ refKey, ref, ...rest }?: {
         refKey?: string | undefined;
+        ref: any;
     }, { suppressRefError }?: {
         suppressRefError?: boolean | undefined;
     }) => {
@@ -224,7 +229,13 @@ declare class Downshift extends Component<any, any, any> {
         Enter(event: any): void;
         Escape(event: any): void;
     };
-    getToggleButtonProps: ({ onClick, onPress, onKeyDown, onKeyUp, onBlur, ...rest }?: {}) => {
+    getToggleButtonProps: ({ onClick, onPress, onKeyDown, onKeyUp, onBlur, ...rest }?: {
+        onClick: any;
+        onPress: any;
+        onKeyDown: any;
+        onKeyUp: any;
+        onBlur: any;
+    }) => {
         type: string;
         role: string;
         'aria-label': string;
@@ -236,7 +247,13 @@ declare class Downshift extends Component<any, any, any> {
     buttonHandleClick: (event: any) => void;
     buttonHandleBlur: (event: any) => void;
     getLabelProps: (props: any) => any;
-    getInputProps: ({ onKeyDown, onBlur, onChange, onInput, onChangeText, ...rest }?: {}) => {
+    getInputProps: ({ onKeyDown, onBlur, onChange, onInput, onChangeText, ...rest }?: {
+        onKeyDown: any;
+        onBlur: any;
+        onChange: any;
+        onInput: any;
+        onChangeText: any;
+    }) => {
         'aria-autocomplete': string;
         'aria-activedescendant': any;
         'aria-controls': any;
@@ -252,6 +269,7 @@ declare class Downshift extends Component<any, any, any> {
     _menuNode: any;
     getMenuProps: ({ refKey, ref, ...props }?: {
         refKey?: string | undefined;
+        ref: any;
     }, { suppressRefError }?: {
         suppressRefError?: boolean | undefined;
     }) => {
@@ -260,30 +278,20 @@ declare class Downshift extends Component<any, any, any> {
         id: any;
     };
     getItemProps: ({ onMouseMove, onMouseDown, onClick, onPress, index, item, ...rest }?: {
+        onMouseMove: any;
+        onMouseDown: any;
+        onClick: any;
+        onPress: any;
+        index: any;
         item?: void | undefined;
     }) => {
-        onMouseMove: (event: React.SyntheticEvent & {
-            preventDownshiftDefault?: boolean;
-            nativeEvent: {
-                preventDownshiftDefault?: boolean;
-            };
-        }, ...args: unknown[]) => boolean;
-        onMouseDown: (event: React.SyntheticEvent & {
-            preventDownshiftDefault?: boolean;
-            nativeEvent: {
-                preventDownshiftDefault?: boolean;
-            };
-        }, ...args: unknown[]) => boolean;
+        onMouseMove: any;
+        onMouseDown: any;
         id: any;
         role: string;
         'aria-selected': boolean;
     } | {
-        onMouseDown: (event: React.SyntheticEvent & {
-            preventDownshiftDefault?: boolean;
-            nativeEvent: {
-                preventDownshiftDefault?: boolean;
-            };
-        }, ...args: unknown[]) => boolean;
+        onMouseDown: any;
         id: any;
         role: string;
         'aria-selected': boolean;
@@ -294,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;
@@ -306,9 +312,7 @@ declare class Downshift extends Component<any, any, any> {
     componentWillUnmount(): void;
     render(): 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';
+import { Component } from "react";
+import PropTypes from "prop-types";
+import { getA11yStatusMessage } from "./utils.legacy";
+import * as stateChangeTypes from "./stateChangeTypes";

package/dist/downshift.esm.mjs

@@ -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

@@ -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

@@ -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