/// import { IReadonlyObservableValue, ObservableArray } from '../../Core/Observable'; import { IDropdownProps } from '../../Dropdown'; import { IListBoxItem } from '../../ListBox'; export interface IEditableDropdownProps extends Pick, "ariaLabel" | "className" | "calloutContentClassName" | "filterItem" | "getUnselectableRanges" | "items" | "onCollapse" | "onExpand" | "placeholder" | "noItemsText" | "renderCallout" | "renderExpandable" | "selection"> { /** * Set to true to allow selecting values that aren't in the list of items. */ allowFreeform?: boolean; /** * Items should be supplied as an ObservableArray if they will be changing. */ items: ObservableArray> | IListBoxItem[] | string[]; /** * Called when the value of the input changes. */ onTextChange?: (event: React.ChangeEvent | React.SyntheticEvent | null, value?: string) => void; /** * Called when a new value is selected. Selection happens on click, enter, or tab, or when the dropdown closes if allowFreeform is true. */ onValueChange?: (value?: IListBoxItem) => void; /** * The selected text is shown in the input with a placeholder-like behavior. It will default to the text of the selected item in items. */ selectedText?: IReadonlyObservableValue | string; /** * The text value passed to the ExpandableTextField. */ text?: IReadonlyObservableValue | string; }