import { default as React } from 'react'; import { AriaLabelingProps } from '@react-types/shared'; import { MultiSelectSelectors } from './hooks/useMultiSelectState'; import { MultiSelectInputProps } from './MultiSelectInput'; /** @inheritdoc */ export type MultiSelectProps = MultiSelectSelectors & Pick, 'error' | 'warning' | 'width' | 'placeholder' | 'label' | keyof AriaLabelingProps> & { /** The unique identifier of the input */ id?: string; /** Whether the element should receive focus on render. */ autoFocus?: boolean; /** The options to render in the list. */ options: T[]; /** Whether the field is disabled. */ disabled?: boolean; /** Handler that is called when the selection changes. */ onChange?: (selection: string[]) => void; /** The default query to search for (uncontrolled). */ defaultQuery?: string; /** The query to search for (controlled). */ query?: string; /** Handler that is called when the search query text changes. */ onQueryChange?: (value: string) => void; /** The currently selected keys in the collection (controlled). */ value?: string[]; /** The initial selected keys in the collection (uncontrolled). */ defaultValue?: string[]; /** The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. */ disabledValues?: string[]; /** Whether the input shows options in a dropdown or directly. */ mode?: 'dropdown' | 'content'; /** Whether the select all button should be hidden. */ hideSelectAll?: boolean; }; export declare const MultiSelect: (props: MultiSelectSelectors & Pick, "label" | "error" | "width" | "placeholder" | "warning" | keyof AriaLabelingProps> & { /** The unique identifier of the input */ id?: string; /** Whether the element should receive focus on render. */ autoFocus?: boolean; /** The options to render in the list. */ options: T[]; /** Whether the field is disabled. */ disabled?: boolean; /** Handler that is called when the selection changes. */ onChange?: (selection: string[]) => void; /** The default query to search for (uncontrolled). */ defaultQuery?: string; /** The query to search for (controlled). */ query?: string; /** Handler that is called when the search query text changes. */ onQueryChange?: (value: string) => void; /** The currently selected keys in the collection (controlled). */ value?: string[]; /** The initial selected keys in the collection (uncontrolled). */ defaultValue?: string[]; /** The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. */ disabledValues?: string[]; /** Whether the input shows options in a dropdown or directly. */ mode?: "dropdown" | "content"; /** Whether the select all button should be hidden. */ hideSelectAll?: boolean; } & React.RefAttributes) => React.ReactNode;