downshift 9.4.0-alpha.1 → 9.4.0

package/dist/hooks/testUtils/interactions.d.ts

@@ -1,16 +1,16 @@
 import type userEvent from '@testing-library/user-event';
-export declare const waitForDebouncedA11yStatusUpdate: (shouldBeCleared?: boolean) => void;
+export declare const waitForDebouncedA11yStatusUpdate: (shouldBeCleared?: boolean) => any;
 type UserEvent = ReturnType<typeof userEvent.setup>;
-export declare function getLabel(): HTMLElement;
-export declare function getMenu(): HTMLElement;
-export declare function getToggleButton(): HTMLElement;
-export declare function getItemAtIndex(index: number): HTMLElement | undefined;
-export declare function getItems(): HTMLElement[];
+export declare function getLabel(): any;
+export declare function getMenu(): any;
+export declare function getToggleButton(): any;
+export declare function getItemAtIndex(index: number): any;
+export declare function getItems(): any;
 export declare function clickOnItemAtIndex(user: UserEvent, index: number): Promise<void>;
 export declare function clickOnToggleButton(user: UserEvent): Promise<void>;
 export declare function mouseMoveItemAtIndex(user: UserEvent, index: number): Promise<void>;
 export declare function mouseLeaveItemAtIndex(user: UserEvent, index: number): Promise<void>;
 export declare function keyDownOnToggleButton(user: UserEvent, keys: string): Promise<void>;
-export declare function getA11yStatusContainer(): HTMLElement | null;
+export declare function getA11yStatusContainer(): any;
 export declare function tab(user: UserEvent, shiftKey?: boolean): Promise<void>;
 export {};

package/dist/hooks/useCombobox/__tests__/utils/renderCombobox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="jest" />
 import * as React from 'react';
 import { UseComboboxProps } from '../../index.types';
 import useCombobox from '../..';
@@ -10,63 +11,6 @@ type DropdownComboboxProps = Partial<UseComboboxProps<string>> & {
         stringItem: string;
     }) => React.ReactNode;
 };
-export declare function renderCombobox(props?: Omit<DropdownComboboxProps, 'renderSpy'>, uiCallback?: (ui: React.ReactElement) => React.ReactElement): {
-    renderSpy: jest.Mock<any, any, any>;
-    rerender: (p: Omit<DropdownComboboxProps, "renderSpy">) => void;
-    user: import("@testing-library/user-event").UserEvent;
-    container: HTMLElement;
-    baseElement: HTMLElement;
-    debug: (baseElement?: ReactDOMClient.Container | any | Array<ReactDOMClient.Container | any> | undefined, maxLength?: number | undefined, options?: import("node_modules/pretty-format/build").OptionsReceived | undefined) => void;
-    unmount: () => void;
-    asFragment: () => DocumentFragment;
-    getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
-    getAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
-    queryByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
-    queryAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
-    findByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    getAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    queryByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    queryAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    findByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
-    getAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
-    queryByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
-    queryAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
-    findByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    getAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    queryByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    queryAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    findByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    getAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    queryByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    queryAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    findByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    getAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    queryByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    queryAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    findByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement;
-    getAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
-    queryByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement | null;
-    queryAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
-    findByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    getAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    queryByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    queryAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    findByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-};
-export declare function getInput(): HTMLElement;
+export declare function renderCombobox(props?: Omit<DropdownComboboxProps, 'renderSpy'>, uiCallback?: (ui: React.ReactElement) => React.ReactElement): any;
+export declare function getInput(): any;
 export {};

package/dist/hooks/useCombobox/__tests__/utils/renderUseCombobox.d.ts

@@ -1,2 +1,2 @@
 import { UseComboboxProps } from '../../index.types';
-export declare function renderUseCombobox(props?: Partial<UseComboboxProps<string>>): import("@testing-library/react").RenderHookResult<import("../../index.types").UseComboboxReturnValue<string>, unknown>;
+export declare function renderUseCombobox(props?: Partial<UseComboboxProps<string>>): any;

package/dist/hooks/useCombobox/index.types.d.ts

@@ -1,4 +1,4 @@
-import { Environment, GetPropsCommonOptions, Overwrite } from '../../downshift.types';
+import { AnyRef, Environment, GetPropsCommonOptions, Overwrite } from '../../downshift.types';
 export interface UseComboboxState<Item> {
     highlightedIndex: number;
     selectedItem: Item | null;
@@ -175,12 +175,12 @@ export interface UseComboboxInputValueChange<Item> extends UseComboboxStateChang
 }
 export interface UseComboboxGetMenuPropsOptions extends React.HTMLProps<HTMLElement> {
     refKey?: string;
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
 }
 export interface UseComboboxGetMenuPropsReturnValue {
     'aria-label': string | undefined;
     'aria-labelledby': string | undefined;
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
     role: 'listbox';
     id: string;
     onMouseLeave: React.MouseEventHandler;
@@ -189,7 +189,7 @@ export type UseComboboxGetMenuProps = <Options>(options?: UseComboboxGetMenuProp
 export interface UseComboboxGetToggleButtonPropsOptions extends React.HTMLProps<HTMLElement> {
     disabled?: boolean;
     refKey?: string;
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
     onPress?: (event: React.BaseSyntheticEvent) => void;
 }
 export interface UseComboboxGetToggleButtonPropsReturnValue {
@@ -198,7 +198,7 @@ export interface UseComboboxGetToggleButtonPropsReturnValue {
     id: string;
     onPress?: (event: React.BaseSyntheticEvent) => void;
     onClick?: React.MouseEventHandler;
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
     tabIndex: -1;
 }
 export type UseComboboxGetToggleButtonProps = <Options>(options?: UseComboboxGetToggleButtonPropsOptions & Options) => Overwrite<UseComboboxGetToggleButtonPropsReturnValue, Options>;
@@ -213,7 +213,7 @@ export interface UseComboboxGetItemPropsOptions<Item> extends React.HTMLProps<HT
     index?: number;
     item?: Item;
     refKey?: string;
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
     onPress?: (event: React.BaseSyntheticEvent) => void;
 }
 export interface UseComboboxGetItemPropsReturnValue {
@@ -224,7 +224,7 @@ export interface UseComboboxGetItemPropsReturnValue {
     onMouseDown?: React.MouseEventHandler;
     onMouseMove?: React.MouseEventHandler;
     onPress?: React.MouseEventHandler;
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
     role: 'option';
 }
 export type UseComboboxGetItemProps<Item> = <Options>(options?: UseComboboxGetItemPropsOptions<Item> & Options) => Omit<Overwrite<UseComboboxGetItemPropsReturnValue, Options>, 'index' | 'item'>;
@@ -234,7 +234,7 @@ export interface UseComboboxGetInputPropsOptions extends React.HTMLProps<HTMLInp
     onChangeText?: (event: React.BaseSyntheticEvent) => void;
 }
 export interface UseComboboxGetInputPropsReturnValue {
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
     'aria-activedescendant': string;
     'aria-autocomplete': 'list';
     'aria-controls': string;
@@ -242,7 +242,6 @@ export interface UseComboboxGetInputPropsReturnValue {
     'aria-labelledby': string | undefined;
     'aria-label': string | undefined;
     autoComplete: 'off';
-    disabled: boolean | undefined;
     id: string;
     role: 'combobox';
     value: string;

package/dist/hooks/useCombobox/utils/getInitialState.d.ts

@@ -2,9 +2,4 @@ import { GetInitialStateProps as GetInitialStatePropsCommon } from '../../utils'
 export type GetInitialStateProps<T> = GetInitialStatePropsCommon<T> & {
     itemToString: (item: T) => string;
 };
-export declare function getInitialState<T>(props: GetInitialStateProps<T>): {
-    inputValue: string;
-    highlightedIndex: number;
-    isOpen: boolean;
-    selectedItem: T | null;
-};
+export declare function getInitialState<T>(props: GetInitialStateProps<T>): any;

package/dist/hooks/useCombobox/utils/propTypes.d.ts

@@ -1,43 +1 @@
-import PropTypes from 'prop-types';
-export declare const propTypes: {
-    items: PropTypes.Validator<any[]>;
-    isItemDisabled: PropTypes.Requireable<(...args: any[]) => any>;
-    inputValue: PropTypes.Requireable<string>;
-    defaultInputValue: PropTypes.Requireable<string>;
-    initialInputValue: PropTypes.Requireable<string>;
-    inputId: PropTypes.Requireable<string>;
-    onInputValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-    getA11yStatusMessage: PropTypes.Requireable<(...args: any[]) => any>;
-    highlightedIndex: PropTypes.Requireable<number>;
-    defaultHighlightedIndex: PropTypes.Requireable<number>;
-    initialHighlightedIndex: PropTypes.Requireable<number>;
-    isOpen: PropTypes.Requireable<boolean>;
-    defaultIsOpen: PropTypes.Requireable<boolean>;
-    initialIsOpen: PropTypes.Requireable<boolean>;
-    selectedItem: PropTypes.Requireable<any>;
-    initialSelectedItem: PropTypes.Requireable<any>;
-    defaultSelectedItem: PropTypes.Requireable<any>;
-    id: PropTypes.Requireable<string>;
-    labelId: PropTypes.Requireable<string>;
-    menuId: PropTypes.Requireable<string>;
-    getItemId: PropTypes.Requireable<(...args: any[]) => any>;
-    toggleButtonId: PropTypes.Requireable<string>;
-    onSelectedItemChange: PropTypes.Requireable<(...args: any[]) => any>;
-    onHighlightedIndexChange: PropTypes.Requireable<(...args: any[]) => any>;
-    onStateChange: PropTypes.Requireable<(...args: any[]) => any>;
-    onIsOpenChange: PropTypes.Requireable<(...args: any[]) => any>;
-    scrollIntoView: PropTypes.Requireable<(...args: any[]) => any>;
-    environment: PropTypes.Requireable<PropTypes.InferProps<{
-        addEventListener: PropTypes.Validator<(...args: any[]) => any>;
-        removeEventListener: PropTypes.Validator<(...args: any[]) => any>;
-        document: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            createElement: PropTypes.Validator<(...args: any[]) => any>;
-            getElementById: PropTypes.Validator<(...args: any[]) => any>;
-            activeElement: PropTypes.Validator<any>;
-            body: PropTypes.Validator<any>;
-        }>>>;
-        Node: PropTypes.Validator<(...args: any[]) => any>;
-    }>>;
-    itemToKey: PropTypes.Requireable<(...args: any[]) => any>;
-    stateReducer: PropTypes.Requireable<(...args: any[]) => any>;
-};
+export declare const propTypes: any;

package/dist/hooks/useMultipleSelection/index.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Environment, GetPropsCommonOptions, Overwrite } from '../../downshift.types';
+import { AnyRef, Environment, GetPropsCommonOptions, Overwrite } from '../../downshift.types';
 export interface UseMultipleSelectionState<Item> {
     selectedItems: Item[];
     activeIndex: number;
@@ -64,12 +64,12 @@ export interface A11yRemovalMessage<Item> {
 }
 export interface UseMultipleSelectionGetSelectedItemPropsOptions<Item> extends React.HTMLProps<HTMLElement> {
     refKey?: string;
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
     index?: number;
     selectedItem: Item;
 }
 export interface UseMultipleSelectionGetSelectedItemReturnValue {
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
     tabIndex: 0 | -1;
     onClick: React.MouseEventHandler;
     onKeyDown: React.KeyboardEventHandler;
@@ -77,10 +77,10 @@ export interface UseMultipleSelectionGetSelectedItemReturnValue {
 export interface UseMultipleSelectionGetDropdownPropsOptions extends React.HTMLProps<HTMLElement> {
     preventKeyAction?: boolean;
     refKey?: string;
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
 }
 export interface UseMultipleSelectionGetDropdownReturnValue {
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
     onClick?: React.MouseEventHandler;
     onKeyDown?: React.KeyboardEventHandler;
 }

package/dist/hooks/useSelect/__tests__/utils/getItemIndexByCharacter.d.ts

@@ -4,4 +4,4 @@
  * @param startIndex The index to start searching.
  * @returns The index of the item.
  */
-export declare function getItemIndexByCharacter(character: string, startIndex?: number): number;
+export declare function getItemIndexByCharacter(character: string, startIndex?: number): any;

package/dist/hooks/useSelect/__tests__/utils/renderSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="jest" />
 import * as React from 'react';
 import { UseSelectProps, UseSelectGetItemProps } from '../../index.types';
 type DropdownSelectProps = Omit<UseSelectProps<string>, 'items'> & {
@@ -10,62 +11,5 @@ type DropdownSelectProps = Omit<UseSelectProps<string>, 'items'> & {
         stringItem: string;
     }) => React.ReactNode;
 };
-export declare function renderSelect(props: Omit<DropdownSelectProps, 'renderSpy'>, uiCallback?: (ui: React.ReactElement) => React.ReactElement): {
-    renderSpy: jest.Mock<any, any, any>;
-    rerender: (p: Omit<DropdownSelectProps, "renderSpy">) => void;
-    user: import("@testing-library/user-event").UserEvent;
-    container: HTMLElement;
-    baseElement: HTMLElement;
-    debug: (baseElement?: ReactDOMClient.Container | any | Array<ReactDOMClient.Container | any> | undefined, maxLength?: number | undefined, options?: import("node_modules/pretty-format/build").OptionsReceived | undefined) => void;
-    unmount: () => void;
-    asFragment: () => DocumentFragment;
-    getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
-    getAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
-    queryByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
-    queryAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
-    findByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    getAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    queryByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    queryAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    findByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
-    getAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
-    queryByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
-    queryAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
-    findByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    getAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    queryByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    queryAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    findByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    getAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    queryByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    queryAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    findByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    getAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    queryByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    queryAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    findByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement;
-    getAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
-    queryByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement | null;
-    queryAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
-    findByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    getByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    getAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    queryByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    queryAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    findByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    findAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-};
+export declare function renderSelect(props: Omit<DropdownSelectProps, 'renderSpy'>, uiCallback?: (ui: React.ReactElement) => React.ReactElement): any;
 export {};

package/dist/hooks/useSelect/__tests__/utils/renderUseSelect.d.ts

@@ -1,2 +1,2 @@
 import { UseSelectProps } from '../../index.types';
-export declare function renderUseSelect(props?: Partial<UseSelectProps<string>>): import("@testing-library/react").RenderHookResult<import("../../index.types").UseSelectReturnValue<string>, unknown>;
+export declare function renderUseSelect(props?: Partial<UseSelectProps<string>>): any;

package/dist/hooks/useSelect/__tests__/utils/stateChangeTestCases.d.ts

@@ -1,6 +1,5 @@
-import { clickOnItemAtIndex, clickOnToggleButton, keyDownOnToggleButton, mouseLeaveItemAtIndex, mouseMoveItemAtIndex, tab } from '../../../testUtils';
 export declare const stateChangeTestCases: ({
-    step: typeof keyDownOnToggleButton;
+    step: any;
     arg: string;
     state: {
         isOpen: boolean;
@@ -10,17 +9,7 @@ export declare const stateChangeTestCases: ({
     };
     type: import("../../index.types").UseSelectStateChangeTypes.ToggleButtonClick;
 } | {
-    step: typeof keyDownOnToggleButton;
-    arg: string;
-    state: {
-        isOpen: boolean;
-        highlightedIndex: number;
-        inputValue: string;
-        selectedItem: null;
-    };
-    type: import("../../index.types").UseSelectStateChangeTypes.ToggleButtonKeyDownEnter;
-} | {
-    step: typeof keyDownOnToggleButton;
+    step: any;
     arg: string;
     state: {
         isOpen: boolean;
@@ -30,133 +19,123 @@ export declare const stateChangeTestCases: ({
     };
     type: import("../../index.types").UseSelectStateChangeTypes.ToggleButtonKeyDownEscape;
 } | {
-    step: typeof keyDownOnToggleButton;
-    arg: string;
-    state: {
-        isOpen: boolean;
-        highlightedIndex: number;
-        inputValue: string;
-        selectedItem: null;
-    };
-    type: import("../../index.types").UseSelectStateChangeTypes.ToggleButtonKeyDownArrowDown;
-} | {
-    step: typeof keyDownOnToggleButton;
+    step: any;
     arg: string;
     state: {
         isOpen: boolean;
         highlightedIndex: number;
         inputValue: string;
-        selectedItem: string | undefined;
+        selectedItem: any;
     };
     type: import("../../index.types").UseSelectStateChangeTypes.ToggleButtonKeyDownEnter;
 } | {
-    step: typeof keyDownOnToggleButton;
+    step: any;
     arg: string;
     state: {
         isOpen: boolean;
         highlightedIndex: number;
         inputValue: string;
-        selectedItem: string | undefined;
+        selectedItem: any;
     };
     type: import("../../index.types").UseSelectStateChangeTypes.ToggleButtonKeyDownEnd;
 } | {
-    step: typeof keyDownOnToggleButton;
+    step: any;
     arg: string;
     state: {
         isOpen: boolean;
         highlightedIndex: number;
         inputValue: string;
-        selectedItem: string | undefined;
+        selectedItem: any;
     };
     type: import("../../index.types").UseSelectStateChangeTypes.ToggleButtonKeyDownSpaceButton;
 } | {
-    step: typeof clickOnToggleButton;
+    step: any;
     state: {
         isOpen: boolean;
         highlightedIndex: number;
         inputValue: string;
-        selectedItem: string | undefined;
+        selectedItem: any;
     };
     type: import("../../index.types").UseSelectStateChangeTypes.ToggleButtonClick;
     arg?: undefined;
 } | {
-    step: typeof keyDownOnToggleButton;
+    step: any;
     arg: string;
     state: {
         isOpen: boolean;
         highlightedIndex: number;
         inputValue: string;
-        selectedItem: string | undefined;
+        selectedItem: any;
     };
     type: import("../../index.types").UseSelectStateChangeTypes.ToggleButtonKeyDownPageUp;
 } | {
-    step: typeof keyDownOnToggleButton;
+    step: any;
     arg: string;
     state: {
         isOpen: boolean;
         highlightedIndex: number;
         inputValue: string;
-        selectedItem: string | undefined;
+        selectedItem: any;
     };
     type: import("../../index.types").UseSelectStateChangeTypes.ToggleButtonKeyDownPageDown;
 } | {
-    step: typeof mouseMoveItemAtIndex;
+    step: any;
     arg: number;
     state: {
         isOpen: boolean;
         highlightedIndex: number;
         inputValue: string;
-        selectedItem: string | undefined;
+        selectedItem: any;
     };
     type: import("../../index.types").UseSelectStateChangeTypes.ItemMouseMove;
 } | {
-    step: typeof mouseLeaveItemAtIndex;
+    step: any;
     arg: number;
     state: {
         isOpen: boolean;
         highlightedIndex: number;
         inputValue: string;
-        selectedItem: string | undefined;
+        selectedItem: any;
     };
     type: import("../../index.types").UseSelectStateChangeTypes.MenuMouseLeave;
 } | {
-    step: typeof clickOnItemAtIndex;
+    step: any;
     arg: number;
     state: {
         isOpen: boolean;
         highlightedIndex: number;
         inputValue: string;
-        selectedItem: string | undefined;
+        selectedItem: any;
     };
     type: import("../../index.types").UseSelectStateChangeTypes.ItemClick;
 } | {
-    step: typeof keyDownOnToggleButton;
+    step: any;
     arg: string;
     state: {
         isOpen: boolean;
         highlightedIndex: number;
         inputValue: string;
-        selectedItem: string | undefined;
+        selectedItem: any;
     };
     type: import("../../index.types").UseSelectStateChangeTypes.ToggleButtonKeyDownArrowDown;
 } | {
-    step: typeof keyDownOnToggleButton;
+    step: any;
     arg: string;
     state: {
         isOpen: boolean;
         highlightedIndex: number;
         inputValue: string;
-        selectedItem: string | undefined;
+        selectedItem: any;
     };
     type: import("../../index.types").UseSelectStateChangeTypes.ToggleButtonKeyDownArrowUp;
 } | {
-    step: typeof keyDownOnToggleButton;
+    step: any;
     arg: string;
     state: {
         isOpen: boolean;
         highlightedIndex: number;
         inputValue: string;
-        selectedItem: string | undefined;
+        selectedItem: any;
     };
     type: import("../../index.types").UseSelectStateChangeTypes.ToggleButtonKeyDownCharacter;
 } | {
@@ -165,17 +144,17 @@ export declare const stateChangeTestCases: ({
         isOpen: boolean;
         highlightedIndex: number;
         inputValue: string;
-        selectedItem: string | undefined;
+        selectedItem: any;
     };
     type: import("../../index.types").UseSelectStateChangeTypes.FunctionSetInputValue;
     arg?: undefined;
 } | {
-    step: typeof tab;
+    step: any;
     state: {
         isOpen: boolean;
         highlightedIndex: number;
         inputValue: string;
-        selectedItem: string | undefined;
+        selectedItem: any;
     };
     type: import("../../index.types").UseSelectStateChangeTypes.ToggleButtonBlur;
     arg?: undefined;

package/dist/hooks/useSelect/index.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Environment, GetPropsCommonOptions, Overwrite } from '../../downshift.types';
+import { AnyRef, Environment, GetPropsCommonOptions, Overwrite } from '../../downshift.types';
 export interface UseSelectState<Item> {
     highlightedIndex: number;
     selectedItem: Item | null;
@@ -162,19 +162,19 @@ export interface UseSelectIsOpenChange<Item> extends UseSelectStateChange<Item>
 }
 export interface UseSelectGetMenuPropsOptions extends React.HTMLProps<HTMLElement> {
     refKey?: string;
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
 }
 export interface UseSelectGetMenuPropsReturnValue {
     'aria-labelledby': string | undefined;
     id: string;
     onMouseLeave: React.MouseEventHandler;
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
     role: 'listbox';
 }
 export type UseSelectGetMenuProps = <Options>(options?: UseSelectGetMenuPropsOptions & Options, otherOptions?: GetPropsCommonOptions) => Overwrite<UseSelectGetMenuPropsReturnValue, Options>;
 export interface UseSelectGetToggleButtonPropsOptions extends React.HTMLProps<HTMLElement> {
     refKey?: string;
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
     onPress?: (event: React.BaseSyntheticEvent) => void;
 }
 export interface UseSelectGetToggleButtonPropsReturnValue {
@@ -188,7 +188,7 @@ export interface UseSelectGetToggleButtonPropsReturnValue {
     onClick?: React.MouseEventHandler;
     onKeyDown?: React.KeyboardEventHandler;
     onPress?: (event: React.BaseSyntheticEvent) => void;
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
     role: 'combobox';
     tabIndex: 0;
 }
@@ -205,7 +205,7 @@ export interface UseSelectGetItemPropsOptions<Item> extends React.HTMLProps<HTML
     item?: Item;
     index?: number;
     refKey?: string;
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
     onPress?: (event: React.BaseSyntheticEvent) => void;
 }
 export interface UseSelectGetItemPropsReturnValue {
@@ -216,7 +216,7 @@ export interface UseSelectGetItemPropsReturnValue {
     onMouseDown?: React.MouseEventHandler;
     onMouseMove?: React.MouseEventHandler;
     onPress?: React.MouseEventHandler;
-    ref?: React.Ref<any>;
+    ref?: AnyRef;
     role: 'option';
 }
 export type UseSelectGetItemProps<Item> = <Options>(options: UseSelectGetItemPropsOptions<Item> & Options) => Omit<Overwrite<UseSelectGetItemPropsReturnValue, Options>, 'index' | 'item'>;