downshift 9.3.2 → 9.4.0-alpha.0

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

@@ -0,0 +1,266 @@
+import * as React from 'react';
+import { Environment, GetPropsCommonOptions, Overwrite } from '../../downshift.types';
+export interface UseSelectState<Item> {
+    highlightedIndex: number;
+    selectedItem: Item | null;
+    isOpen: boolean;
+    inputValue: string;
+}
+export declare enum UseSelectStateChangeTypes {
+    ToggleButtonClick = "__togglebutton_click__",
+    ToggleButtonKeyDownArrowDown = "__togglebutton_keydown_arrow_down__",
+    ToggleButtonKeyDownArrowUp = "__togglebutton_keydown_arrow_up__",
+    ToggleButtonKeyDownCharacter = "__togglebutton_keydown_character__",
+    ToggleButtonKeyDownEscape = "__togglebutton_keydown_escape__",
+    ToggleButtonKeyDownHome = "__togglebutton_keydown_home__",
+    ToggleButtonKeyDownEnd = "__togglebutton_keydown_end__",
+    ToggleButtonKeyDownEnter = "__togglebutton_keydown_enter__",
+    ToggleButtonKeyDownSpaceButton = "__togglebutton_keydown_space_button__",
+    ToggleButtonKeyDownPageUp = "__togglebutton_keydown_page_up__",
+    ToggleButtonKeyDownPageDown = "__togglebutton_keydown_page_down__",
+    ToggleButtonBlur = "__togglebutton_blur__",
+    MenuMouseLeave = "__menu_mouse_leave__",
+    ItemMouseMove = "__item_mouse_move__",
+    ItemClick = "__item_click__",
+    FunctionToggleMenu = "__function_toggle_menu__",
+    FunctionOpenMenu = "__function_open_menu__",
+    FunctionCloseMenu = "__function_close_menu__",
+    FunctionSetHighlightedIndex = "__function_set_highlighted_index__",
+    FunctionSelectItem = "__function_select_item__",
+    FunctionSetInputValue = "__function_set_input_value__",
+    FunctionReset = "__function_reset__"
+}
+export type UseSelectToggleButtonClickAction = {
+    type: UseSelectStateChangeTypes.ToggleButtonClick;
+};
+export type UseSelectToggleButtonKeyDownArrowDownAction = {
+    type: UseSelectStateChangeTypes.ToggleButtonKeyDownArrowDown;
+    altKey: boolean;
+};
+export type UseSelectToggleButtonKeyDownArrowUpAction = {
+    type: UseSelectStateChangeTypes.ToggleButtonKeyDownArrowUp;
+    altKey: boolean;
+};
+export type UseSelectToggleButtonKeyDownCharacterAction = {
+    type: UseSelectStateChangeTypes.ToggleButtonKeyDownCharacter;
+    key: string;
+};
+export type UseSelectToggleButtonKeyDownEscapeAction = {
+    type: UseSelectStateChangeTypes.ToggleButtonKeyDownEscape;
+};
+export type UseSelectToggleButtonKeyDownHomeAction = {
+    type: UseSelectStateChangeTypes.ToggleButtonKeyDownHome;
+};
+export type UseSelectToggleButtonKeyDownEndAction = {
+    type: UseSelectStateChangeTypes.ToggleButtonKeyDownEnd;
+};
+export type UseSelectToggleButtonKeyDownEnterAction = {
+    type: UseSelectStateChangeTypes.ToggleButtonKeyDownEnter;
+};
+export type UseSelectToggleButtonKeyDownSpaceButtonAction = {
+    type: UseSelectStateChangeTypes.ToggleButtonKeyDownSpaceButton;
+};
+export type UseSelectToggleButtonKeyDownPageUpAction = {
+    type: UseSelectStateChangeTypes.ToggleButtonKeyDownPageUp;
+};
+export type UseSelectToggleButtonKeyDownPageDownAction = {
+    type: UseSelectStateChangeTypes.ToggleButtonKeyDownPageDown;
+};
+export type UseSelectToggleButtonBlurAction = {
+    type: UseSelectStateChangeTypes.ToggleButtonBlur;
+};
+export type UseSelectMenuMouseLeaveAction = {
+    type: UseSelectStateChangeTypes.MenuMouseLeave;
+};
+export type UseSelectItemMouseMoveAction = {
+    type: UseSelectStateChangeTypes.ItemMouseMove;
+    index: number;
+    disabled: boolean;
+};
+export type UseSelectItemClickAction = {
+    type: UseSelectStateChangeTypes.ItemClick;
+    index: number;
+};
+export type UseSelectFunctionToggleMenuAction = {
+    type: UseSelectStateChangeTypes.FunctionToggleMenu;
+};
+export type UseSelectFunctionOpenMenuAction = {
+    type: UseSelectStateChangeTypes.FunctionOpenMenu;
+};
+export type UseSelectFunctionCloseMenuAction = {
+    type: UseSelectStateChangeTypes.FunctionCloseMenu;
+};
+export type UseSelectFunctionSetHighlightedIndexAction = {
+    type: UseSelectStateChangeTypes.FunctionSetHighlightedIndex;
+    highlightedIndex: number;
+};
+export type UseSelectFunctionSelectItemAction<Item> = {
+    type: UseSelectStateChangeTypes.FunctionSelectItem;
+    selectedItem: Item | null;
+};
+export type UseSelectFunctionSetInputValueAction = {
+    type: UseSelectStateChangeTypes.FunctionSetInputValue;
+    inputValue: string;
+};
+export type UseSelectFunctionResetAction = {
+    type: UseSelectStateChangeTypes.FunctionReset;
+};
+export type UseSelectReducerAction<Item> = UseSelectToggleButtonClickAction | UseSelectToggleButtonKeyDownArrowDownAction | UseSelectToggleButtonKeyDownArrowUpAction | UseSelectToggleButtonKeyDownCharacterAction | UseSelectToggleButtonKeyDownEscapeAction | UseSelectToggleButtonKeyDownHomeAction | UseSelectToggleButtonKeyDownEndAction | UseSelectToggleButtonKeyDownEnterAction | UseSelectToggleButtonKeyDownSpaceButtonAction | UseSelectToggleButtonKeyDownPageUpAction | UseSelectToggleButtonKeyDownPageDownAction | UseSelectToggleButtonBlurAction | UseSelectMenuMouseLeaveAction | UseSelectItemMouseMoveAction | UseSelectItemClickAction | UseSelectFunctionToggleMenuAction | UseSelectFunctionOpenMenuAction | UseSelectFunctionCloseMenuAction | UseSelectFunctionSetHighlightedIndexAction | UseSelectFunctionSelectItemAction<Item> | UseSelectFunctionSetInputValueAction | UseSelectFunctionResetAction;
+export interface UseSelectProps<Item> {
+    items: Item[];
+    isItemDisabled?(item: Item, index: number): boolean;
+    itemToString?: (item: Item | null) => string;
+    itemToKey?: (item: Item | null) => any;
+    getA11yStatusMessage?: (options: UseSelectState<Item>) => string;
+    highlightedIndex?: number;
+    initialHighlightedIndex?: number;
+    defaultHighlightedIndex?: number;
+    isOpen?: boolean;
+    initialIsOpen?: boolean;
+    defaultIsOpen?: boolean;
+    selectedItem?: Item | null;
+    initialSelectedItem?: Item | null;
+    defaultSelectedItem?: Item | null;
+    id?: string;
+    labelId?: string;
+    menuId?: string;
+    toggleButtonId?: string;
+    getItemId?: (index: number) => string;
+    scrollIntoView?: (node: HTMLElement, menuNode: HTMLElement) => void;
+    stateReducer?: (state: UseSelectState<Item>, actionAndChanges: UseSelectStateChangeOptions<Item>) => Partial<UseSelectState<Item>>;
+    onSelectedItemChange?: (changes: UseSelectSelectedItemChange<Item>) => void;
+    onIsOpenChange?: (changes: UseSelectIsOpenChange<Item>) => void;
+    onHighlightedIndexChange?: (changes: UseSelectHighlightedIndexChange<Item>) => void;
+    onStateChange?: (changes: UseSelectStateChange<Item>) => void;
+    environment?: Environment;
+}
+export type UseSelectMergedProps<Item> = Omit<UseSelectProps<Item>, 'itemToString' | 'itemToKey' | 'stateReducer' | 'scrollIntoView' | 'isItemDisabled'> & Required<Pick<UseSelectProps<Item>, 'itemToString' | 'itemToKey' | 'stateReducer' | 'scrollIntoView' | 'isItemDisabled'>>;
+export interface UseSelectStateChangeOptions<Item> extends UseSelectDispatchAction<Item> {
+    changes: Partial<UseSelectState<Item>>;
+    props: UseSelectMergedProps<Item>;
+}
+export interface UseSelectDispatchAction<Item> {
+    type: UseSelectStateChangeTypes;
+    altKey?: boolean;
+    key?: string;
+    index?: number;
+    highlightedIndex?: number;
+    selectedItem?: Item | null;
+    inputValue?: string;
+}
+export interface UseSelectStateChange<Item> extends Partial<UseSelectState<Item>> {
+    type: UseSelectStateChangeTypes;
+}
+export interface UseSelectSelectedItemChange<Item> extends UseSelectStateChange<Item> {
+    selectedItem: Item | null;
+}
+export interface UseSelectHighlightedIndexChange<Item> extends UseSelectStateChange<Item> {
+    highlightedIndex: number;
+}
+export interface UseSelectIsOpenChange<Item> extends UseSelectStateChange<Item> {
+    isOpen: boolean;
+}
+export interface UseSelectGetMenuPropsOptions extends React.HTMLProps<HTMLElement> {
+    refKey?: string;
+    ref?: React.Ref<any>;
+}
+export interface UseSelectGetMenuPropsReturnValue {
+    'aria-labelledby': string | undefined;
+    id: string;
+    onMouseLeave: React.MouseEventHandler;
+    ref?: React.Ref<any>;
+    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>;
+    onPress?: (event: React.BaseSyntheticEvent) => void;
+}
+export interface UseSelectGetToggleButtonPropsReturnValue {
+    'aria-activedescendant': string;
+    'aria-controls': string;
+    'aria-expanded': boolean;
+    'aria-haspopup': 'listbox';
+    'aria-labelledby': string | undefined;
+    id: string;
+    onBlur?: React.FocusEventHandler;
+    onClick?: React.MouseEventHandler;
+    onKeyDown?: React.KeyboardEventHandler;
+    onPress?: (event: React.BaseSyntheticEvent) => void;
+    ref?: React.Ref<any>;
+    role: 'combobox';
+    tabIndex: 0;
+}
+export type UseSelectGetToggleButtonProps = <Options>(options?: UseSelectGetToggleButtonPropsOptions & Options, otherOptions?: GetPropsCommonOptions) => Overwrite<UseSelectGetToggleButtonPropsReturnValue, Options>;
+export interface UseSelectGetLabelPropsOptions extends React.HTMLProps<HTMLLabelElement> {
+}
+export interface UseSelectGetLabelPropsReturnValue {
+    htmlFor: string;
+    id: string;
+    onClick: React.MouseEventHandler;
+}
+export type UseSelectGetLabelProps = <Options>(options?: UseSelectGetLabelPropsOptions & Options) => Overwrite<UseSelectGetLabelPropsReturnValue, Options>;
+export interface UseSelectGetItemPropsOptions<Item> extends React.HTMLProps<HTMLElement> {
+    item?: Item;
+    index?: number;
+    refKey?: string;
+    ref?: React.Ref<any>;
+    onPress?: (event: React.BaseSyntheticEvent) => void;
+}
+export interface UseSelectGetItemPropsReturnValue {
+    'aria-disabled': boolean;
+    'aria-selected': boolean;
+    id: string;
+    onClick?: React.MouseEventHandler;
+    onMouseDown?: React.MouseEventHandler;
+    onMouseMove?: React.MouseEventHandler;
+    onPress?: React.MouseEventHandler;
+    ref?: React.Ref<any>;
+    role: 'option';
+}
+export type UseSelectGetItemProps<Item> = <Options>(options: UseSelectGetItemPropsOptions<Item> & Options) => Omit<Overwrite<UseSelectGetItemPropsReturnValue, Options>, 'index' | 'item'>;
+export interface UseSelectPropGetters<Item> {
+    getToggleButtonProps: UseSelectGetToggleButtonProps;
+    getLabelProps: UseSelectGetLabelProps;
+    getMenuProps: UseSelectGetMenuProps;
+    getItemProps: UseSelectGetItemProps<Item>;
+}
+export interface UseSelectActions<Item> {
+    reset: () => void;
+    openMenu: () => void;
+    closeMenu: () => void;
+    toggleMenu: () => void;
+    selectItem: (item: Item | null) => void;
+    setHighlightedIndex: (index: number) => void;
+    setInputValue: (inputValue: string) => void;
+}
+export type UseSelectReturnValue<Item> = UseSelectState<Item> & UseSelectPropGetters<Item> & UseSelectActions<Item>;
+export interface UseSelectInterface {
+    <Item>(props: UseSelectProps<Item>): UseSelectReturnValue<Item>;
+    stateChangeTypes: {
+        ToggleButtonClick: UseSelectStateChangeTypes.ToggleButtonClick;
+        ToggleButtonKeyDownArrowDown: UseSelectStateChangeTypes.ToggleButtonKeyDownArrowDown;
+        ToggleButtonKeyDownArrowUp: UseSelectStateChangeTypes.ToggleButtonKeyDownArrowUp;
+        ToggleButtonKeyDownCharacter: UseSelectStateChangeTypes.ToggleButtonKeyDownCharacter;
+        ToggleButtonKeyDownEscape: UseSelectStateChangeTypes.ToggleButtonKeyDownEscape;
+        ToggleButtonKeyDownHome: UseSelectStateChangeTypes.ToggleButtonKeyDownHome;
+        ToggleButtonKeyDownEnd: UseSelectStateChangeTypes.ToggleButtonKeyDownEnd;
+        ToggleButtonKeyDownEnter: UseSelectStateChangeTypes.ToggleButtonKeyDownEnter;
+        ToggleButtonKeyDownSpaceButton: UseSelectStateChangeTypes.ToggleButtonKeyDownSpaceButton;
+        ToggleButtonKeyDownPageUp: UseSelectStateChangeTypes.ToggleButtonKeyDownPageUp;
+        ToggleButtonKeyDownPageDown: UseSelectStateChangeTypes.ToggleButtonKeyDownPageDown;
+        ToggleButtonBlur: UseSelectStateChangeTypes.ToggleButtonBlur;
+        MenuMouseLeave: UseSelectStateChangeTypes.MenuMouseLeave;
+        ItemMouseMove: UseSelectStateChangeTypes.ItemMouseMove;
+        ItemClick: UseSelectStateChangeTypes.ItemClick;
+        FunctionToggleMenu: UseSelectStateChangeTypes.FunctionToggleMenu;
+        FunctionOpenMenu: UseSelectStateChangeTypes.FunctionOpenMenu;
+        FunctionCloseMenu: UseSelectStateChangeTypes.FunctionCloseMenu;
+        FunctionSetHighlightedIndex: UseSelectStateChangeTypes.FunctionSetHighlightedIndex;
+        FunctionSelectItem: UseSelectStateChangeTypes.FunctionSelectItem;
+        FunctionSetInputValue: UseSelectStateChangeTypes.FunctionSetInputValue;
+        FunctionReset: UseSelectStateChangeTypes.FunctionReset;
+    };
+}
+export declare const useSelect: UseSelectInterface;

package/dist/hooks/useSelect/reducer.d.ts

@@ -1 +1,4 @@
-export default function downshiftSelectReducer(state: any, props: any, action: any): any;
+import { UseSelectMergedProps, UseSelectReducerAction, UseSelectState } from './index.types';
+export default function downshiftSelectReducer<Item>(state: UseSelectState<Item>, action: UseSelectReducerAction<Item> & {
+    props: UseSelectMergedProps<Item>;
+}): UseSelectState<Item>;

package/dist/hooks/useSelect/stateChangeTypes.d.ts

@@ -1,22 +1,23 @@
-export const ToggleButtonClick: "__togglebutton_click__";
-export const ToggleButtonKeyDownArrowDown: "__togglebutton_keydown_arrow_down__";
-export const ToggleButtonKeyDownArrowUp: "__togglebutton_keydown_arrow_up__";
-export const ToggleButtonKeyDownCharacter: "__togglebutton_keydown_character__";
-export const ToggleButtonKeyDownEscape: "__togglebutton_keydown_escape__";
-export const ToggleButtonKeyDownHome: "__togglebutton_keydown_home__";
-export const ToggleButtonKeyDownEnd: "__togglebutton_keydown_end__";
-export const ToggleButtonKeyDownEnter: "__togglebutton_keydown_enter__";
-export const ToggleButtonKeyDownSpaceButton: "__togglebutton_keydown_space_button__";
-export const ToggleButtonKeyDownPageUp: "__togglebutton_keydown_page_up__";
-export const ToggleButtonKeyDownPageDown: "__togglebutton_keydown_page_down__";
-export const ToggleButtonBlur: "__togglebutton_blur__";
-export const MenuMouseLeave: "__menu_mouse_leave__";
-export const ItemMouseMove: "__item_mouse_move__";
-export const ItemClick: "__item_click__";
-export const FunctionToggleMenu: "__function_toggle_menu__";
-export const FunctionOpenMenu: "__function_open_menu__";
-export const FunctionCloseMenu: "__function_close_menu__";
-export const FunctionSetHighlightedIndex: "__function_set_highlighted_index__";
-export const FunctionSelectItem: "__function_select_item__";
-export const FunctionSetInputValue: "__function_set_input_value__";
-export const FunctionReset: "__function_reset__";
+import { UseSelectStateChangeTypes } from './index.types';
+export declare const ToggleButtonClick: UseSelectStateChangeTypes.ToggleButtonClick;
+export declare const ToggleButtonKeyDownArrowDown: UseSelectStateChangeTypes.ToggleButtonKeyDownArrowDown;
+export declare const ToggleButtonKeyDownArrowUp: UseSelectStateChangeTypes.ToggleButtonKeyDownArrowUp;
+export declare const ToggleButtonKeyDownCharacter: UseSelectStateChangeTypes.ToggleButtonKeyDownCharacter;
+export declare const ToggleButtonKeyDownEscape: UseSelectStateChangeTypes.ToggleButtonKeyDownEscape;
+export declare const ToggleButtonKeyDownHome: UseSelectStateChangeTypes.ToggleButtonKeyDownHome;
+export declare const ToggleButtonKeyDownEnd: UseSelectStateChangeTypes.ToggleButtonKeyDownEnd;
+export declare const ToggleButtonKeyDownEnter: UseSelectStateChangeTypes.ToggleButtonKeyDownEnter;
+export declare const ToggleButtonKeyDownSpaceButton: UseSelectStateChangeTypes.ToggleButtonKeyDownSpaceButton;
+export declare const ToggleButtonKeyDownPageUp: UseSelectStateChangeTypes.ToggleButtonKeyDownPageUp;
+export declare const ToggleButtonKeyDownPageDown: UseSelectStateChangeTypes.ToggleButtonKeyDownPageDown;
+export declare const ToggleButtonBlur: UseSelectStateChangeTypes.ToggleButtonBlur;
+export declare const MenuMouseLeave: UseSelectStateChangeTypes.MenuMouseLeave;
+export declare const ItemMouseMove: UseSelectStateChangeTypes.ItemMouseMove;
+export declare const ItemClick: UseSelectStateChangeTypes.ItemClick;
+export declare const FunctionToggleMenu: UseSelectStateChangeTypes.FunctionToggleMenu;
+export declare const FunctionOpenMenu: UseSelectStateChangeTypes.FunctionOpenMenu;
+export declare const FunctionCloseMenu: UseSelectStateChangeTypes.FunctionCloseMenu;
+export declare const FunctionSetHighlightedIndex: UseSelectStateChangeTypes.FunctionSetHighlightedIndex;
+export declare const FunctionSelectItem: UseSelectStateChangeTypes.FunctionSelectItem;
+export declare const FunctionSetInputValue: UseSelectStateChangeTypes.FunctionSetInputValue;
+export declare const FunctionReset: UseSelectStateChangeTypes.FunctionReset;

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

@@ -1,3 +1,2 @@
 export { propTypes } from './propTypes';
-export { defaultProps } from './defaultProps';
 export { getItemIndexByCharacterKey } from './getItemIndexByCharacterKey';

package/dist/hooks/useTagGroup/__tests__/utils/renderTagGroup.d.ts

@@ -9,7 +9,7 @@ export declare function renderTagGroup(props?: Partial<UseTagGroupProps<string>>
     user: import("@testing-library/user-event").UserEvent;
     container: HTMLElement;
     baseElement: HTMLElement;
-    debug: (baseElement?: any, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
+    debug: (baseElement?: ReactDOMClient.Container | any | Array<ReactDOMClient.Container | any> | undefined, maxLength?: number | undefined, options?: import("node_modules/pretty-format/build").OptionsReceived | undefined) => void;
     rerender: (ui: React.ReactNode) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;

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

@@ -1,15 +1,8 @@
-/// <reference types="react" />
-import { Action, State } from '../../utils-ts';
-export interface UseTagGroupState<Item> extends State {
+import { Environment } from '../../downshift.types';
+export interface UseTagGroupState<Item> {
     activeIndex: number;
     items: Item[];
 }
-export interface Environment {
-    addEventListener: typeof window.addEventListener;
-    removeEventListener: typeof window.removeEventListener;
-    document: Document;
-    Node: typeof window.Node;
-}
 export interface UseTagGroupStateChange<Item> extends Partial<UseTagGroupState<Item>> {
     type: UseTagGroupStateChangeTypes;
 }
@@ -29,12 +22,13 @@ export interface UseTagGroupProps<Item> extends Partial<UseTagGroupState<Item>>
     onItemsChange?: (changes: UseTagGroupItemsChange<Item>) => void;
     onStateChange?: (changes: UseTagGroupStateChange<Item>) => void;
     removeElementDescription?: string;
-    stateReducer?(state: UseTagGroupState<Item>, actionAndChanges: Action<UseTagGroupStateChangeTypes> & {
+    stateReducer?(state: UseTagGroupState<Item>, actionAndChanges: UseTagGroupReducerAction<Item> & {
+        props: UseTagGroupMergedProps<Item>;
         changes: Partial<UseTagGroupState<Item>>;
     }): Partial<UseTagGroupState<Item>>;
     tagGroupId?: string;
 }
-export type UseTagGroupMergedProps<Item> = Required<Pick<UseTagGroupProps<Item>, 'stateReducer' | 'removeElementDescription'>> & UseTagGroupProps<Item>;
+export type UseTagGroupMergedProps<Item> = Omit<UseTagGroupProps<Item>, 'stateReducer' | 'removeElementDescription'> & Required<Pick<UseTagGroupProps<Item>, 'stateReducer' | 'removeElementDescription'>>;
 export interface UseTagGroupInterface {
     <Item>(props?: UseTagGroupProps<Item>): UseTagGroupReturnValue<Item>;
     stateChangeTypes: {
@@ -58,11 +52,12 @@ export interface UseTagGroupReturnValue<Item> {
 export interface GetTagPropsOptions extends React.HTMLProps<HTMLElement> {
     index: number;
     refKey?: string;
-    ref?: React.MutableRefObject<HTMLElement>;
+    ref?: React.Ref<any>;
 }
 export interface GetTagPropsReturnValue {
     'aria-describedby': string;
     id: string;
+    ref?: React.Ref<any>;
     role: 'option';
     onPress?: (event: React.BaseSyntheticEvent) => void;
     onClick?: React.MouseEventHandler;
@@ -80,10 +75,11 @@ export interface GetTagRemovePropsReturnValue {
 }
 export interface GetTagGroupPropsOptions extends React.HTMLProps<HTMLElement> {
     refKey?: string;
-    ref?: React.MutableRefObject<HTMLElement>;
+    ref?: React.Ref<any>;
 }
 export interface GetTagGroupPropsReturnValue {
     id: string;
+    ref?: React.Ref<any>;
     role: 'listbox';
     'aria-live': 'polite';
     'aria-atomic': 'false';
@@ -128,3 +124,4 @@ export type UseTagGroupFunctionAddItem<Item> = {
     item: Item;
     index?: number;
 };
+export declare const useTagGroup: UseTagGroupInterface;

package/dist/hooks/useTagGroup/reducer.d.ts

@@ -1,2 +1,4 @@
-import { UseTagGroupProps, UseTagGroupReducerAction, UseTagGroupState } from './index.types';
-export declare function useTagGroupReducer<Item>(state: UseTagGroupState<Item>, _props: UseTagGroupProps<Item>, action: UseTagGroupReducerAction<Item>): UseTagGroupState<Item>;
+import { UseTagGroupMergedProps, UseTagGroupReducerAction, UseTagGroupState } from './index.types';
+export declare function useTagGroupReducer<Item>(state: UseTagGroupState<Item>, action: UseTagGroupReducerAction<Item> & {
+    props: UseTagGroupMergedProps<Item>;
+}): Partial<UseTagGroupState<Item>>;

package/dist/hooks/useTagGroup/utils/index.d.ts

@@ -5,4 +5,6 @@ export { isStateEqual } from './isStateEqual';
 export { useAccessibleDescription, A11Y_DESCRIPTION_ELEMENT_ID, } from './useAccessibleDescription';
 export { getMergedProps } from './getMergedProps';
 export { useRovingTagFocus } from './useRovingTagFocus';
-export declare const propTypes: Record<string, PropTypes.Requireable<(...args: unknown[]) => unknown>>;
+export declare const propTypes: {
+    isItemDisabled: PropTypes.Requireable<(...args: any[]) => any>;
+};

package/dist/hooks/utils/__tests__/dropdownDefaultProps.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/getChangesOnSelection.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/getDefaultHighlightedIndex.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/getDefaultValue.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/getHighlightedIndexOnOpen.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/getInitialValue.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/getItemAndIndex.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/isDropdownStateEqual.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/useA11yMessageStatus.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/useControlPropsValidator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/useControlledReducer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/useElementIds.legacy.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/useElementIds.r18.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/useEnhancedReducer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/useGetterPropsCalledChecker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/useIsInitialMount.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/useMouseAndTouchTracker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/__tests__/useScrollIntoView.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/utils/callOnChangeProps.d.ts

@@ -0,0 +1,4 @@
+import { Action, Props } from './index.types';
+export declare function callOnChangeProps<S extends object, A extends {
+    type: string;
+}, P extends Props<S, A>>(action: Action<S, A, P>, props: P, state: S, newState: S): void;

package/dist/hooks/utils/dropdownDefaultProps.d.ts

@@ -0,0 +1,13 @@
+import { scrollIntoView } from '../../utils';
+export declare const dropdownDefaultProps: {
+    itemToString(item: unknown): string;
+    itemToKey(item: unknown): unknown;
+    isItemDisabled(_item: unknown): boolean;
+    stateReducer: <S, A>(_state: S, actionAndChanges: (A & {
+        props: any;
+    }) & {
+        changes: Partial<S>;
+    }) => Partial<S>;
+    scrollIntoView: typeof scrollIntoView;
+    environment: (Window & typeof globalThis) | undefined;
+};

package/dist/hooks/{utils.dropdown/defaultStateValues.d.ts → utils/dropdownDefaultStateValues.d.ts}

@@ -1,6 +1,6 @@
-export declare const defaultStateValues: {
+export declare const dropdownDefaultStateValues: {
     highlightedIndex: number;
     isOpen: boolean;
-    selectedItem: unknown;
+    selectedItem: null;
     inputValue: string;
 };

package/dist/hooks/{utils.dropdown/propTypes.d.ts → utils/dropdownPropTypes.d.ts}

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-export declare const propTypes: {
+export declare const dropdownPropTypes: {
     getA11yStatusMessage: PropTypes.Requireable<(...args: any[]) => any>;
     highlightedIndex: PropTypes.Requireable<number>;
     defaultHighlightedIndex: PropTypes.Requireable<number>;

package/dist/hooks/utils/getChangesOnSelection.d.ts

@@ -0,0 +1,17 @@
+type Changes<Item> = {
+    isOpen: boolean;
+    highlightedIndex: number;
+    selectedItem?: Item;
+    inputValue?: string;
+};
+/**
+ * Handles selection on Enter / Alt + ArrowUp. Closes the menu and resets the highlighted index, unless there is a highlighted.
+ * In that case, selects the item and resets to defaults for open state and highlighted idex.
+ *
+ * @param props The Dropdown props.
+ * @param highlightedIndex The index from the state.
+ * @param inputValue Also return the input value for state.
+ * @returns The changes for the state.
+ */
+export declare function getChangesOnSelection<Item>(items: Item[], itemToString: (item: Item | null) => string, defaultIsOpen: boolean | undefined, defaultHighlightedIndex: number | undefined, highlightedIndex: number, inputValue?: boolean): Changes<Item>;
+export {};

package/dist/hooks/utils/getDefaultHighlightedIndex.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns the new highlightedIndex based on the defaultHighlightedIndex prop, if it's not disabled.
+ *
+ * @param props Props passed to the hook.
+ * @returns The highlighted index.
+ */
+export declare function getDefaultHighlightedIndex<Item>(items: Item[], isItemDisabled: (item: Item, index: number) => boolean, defaultHighlightedIndex?: number): number;

package/dist/hooks/utils/getDefaultValue.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns the default value based on the defaultProp and defaultStateValue.
+ *
+ * @param defaultProp The default prop value.
+ * @param defaultStateValue The default state value.
+ * @returns The resolved default value.
+ */
+export declare function getDefaultValue<T>(defaultProp: T | undefined, defaultStateValue: T): T;

package/dist/hooks/utils/getHighlightedIndexOnOpen.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Returns the highlighted index when the menu is opened.
+ * Takes into account the initialHighlightedIndex, defaultHighlightedIndex,
+ * selectedItem, and the open direction offset.
+ *
+ * @param items The list of items.
+ * @param initialHighlightedIndex The initial highlighted index prop.
+ * @param defaultHighlightedIndex The default highlighted index prop.
+ * @param isItemDisabled Callback to determine if an item is disabled.
+ * @param itemToKey Callback to get a unique key from an item.
+ * @param selectedItem The currently selected item.
+ * @param highlightedIndex The current highlighted index from state.
+ * @param offset The direction of navigation: positive opens downward, negative opens upward.
+ * @returns The new highlighted index.
+ */
+export declare function getHighlightedIndexOnOpen<Item>(items: Item[], initialHighlightedIndex: number | undefined, defaultHighlightedIndex: number | undefined, isItemDisabled: (item: Item, index: number) => boolean, itemToKey: (item: Item | null) => unknown, selectedItem: Item | null, highlightedIndex: number, offset: number): number;

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

@@ -0,0 +1,23 @@
+export type GetInitialStateProps<T> = {
+    items: T[];
+    isItemDisabled: (item: T, index: number) => boolean;
+    selectedItem?: T | null;
+    initialSelectedItem?: T | null;
+    defaultSelectedItem?: T | null;
+    isOpen?: boolean;
+    initialIsOpen?: boolean;
+    defaultIsOpen?: boolean;
+    highlightedIndex?: number;
+    initialHighlightedIndex?: number;
+    defaultHighlightedIndex?: number;
+    inputValue?: string;
+    initialInputValue?: string;
+    defaultInputValue?: string;
+    itemToKey: (item: T) => string;
+};
+export declare function getInitialState<T>(props: GetInitialStateProps<T>): {
+    highlightedIndex: number;
+    isOpen: boolean;
+    selectedItem: T | null;
+    inputValue: string;
+};

package/dist/hooks/utils/getInitialValue.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Returns the initial value for a state variable, based on the following precedence:
+ * 1. The controlled value (if it's not undefined)
+ * 2. The initialValue (if it's not undefined)
+ * 3. The defaultValue (if it's not undefined)
+ * 4. The defaultStateValue
+ *
+ * @param value The controlled value of the state variable.
+ * @param initialValue The initial value of the state variable.
+ * @param defaultValue The default value of the state variable.
+ * @param defaultStateValue The default state value to use if all other values are undefined.
+ * @returns The initial value for the state variable.
+ */
+export declare function getInitialValue<T>(value: T | undefined, initialValue: T | undefined, defaultValue: T | undefined, defaultStateValue: T): T;

package/dist/hooks/utils/index.d.ts

@@ -0,0 +1,24 @@
+export { useControlledReducer } from './useControlledReducer';
+export { useEnhancedReducer } from './useEnhancedReducer';
+export { callOnChangeProps } from './callOnChangeProps';
+export { getItemAndIndex } from './getItemAndIndex';
+export { useIsInitialMount } from './useIsInitialMount';
+export { propTypes as commonPropTypes } from './propTypes';
+export { capitalizeString } from './capitalizeString';
+export { getDefaultValue } from './getDefaultValue';
+export { getInitialValue } from './getInitialValue';
+export { useA11yMessageStatus } from './useA11yMessageStatus';
+export { dropdownPropTypes } from './dropdownPropTypes';
+export { dropdownDefaultProps } from './dropdownDefaultProps';
+export { dropdownDefaultStateValues } from './dropdownDefaultStateValues';
+export { useElementIds } from '../utils/useElementIds';
+export { getDefaultHighlightedIndex } from './getDefaultHighlightedIndex';
+export { getChangesOnSelection } from './getChangesOnSelection';
+export { getHighlightedIndexOnOpen } from './getHighlightedIndexOnOpen';
+export { getInitialState, type GetInitialStateProps } from './getInitialState';
+export { useControlPropsValidator } from './useControlPropsValidator';
+export { useMouseAndTouchTracker } from './useMouseAndTouchTracker';
+export { useGetterPropsCalledChecker } from './useGetterPropsCalledChecker';
+export { useScrollIntoView } from './useScrollIntoView';
+export { isDropdownStateEqual } from './isDropdownStateEqual';
+export type { Props, Action, Reducer } from './index.types';