Interface SelectProps

Public

interface SelectProps {
    addText?: string;
    allowClear?: boolean;
    autoFocus?: boolean;
    canAdd?: boolean;
    canCreate?: boolean;
    canSelectAll?: boolean;
    data-readonly?: true;
    defaultValue?: SelectValue;
    dropdownMatchSelectWidth?: "autoContent" | "1.5:1";
    dropdownRef?: Ref<HTMLDivElement>;
    dropdownRender?: DropdownRenderFunction;
    errorMessage?: ReactNode;
    hasError?: boolean;
    inputRef?: Ref<HTMLInputElement>;
    inputRowsMode?: SelectInputRowsMode;
    isAllSelected?: boolean;
    isDefaultOpen?: boolean;
    isDisabled?: boolean;
    isHighlighted?: boolean;
    isOpen?: boolean;
    isReadOnly?: boolean;
    isWaiting?: boolean;
    mode?: SelectMode;
    multipleValueRenderer?: ((option: SelectOption, onDeleteSelectedOption: ((option: SelectOption) => ((e: SyntheticEvent<Element, Event>) => void))) => ReactNode);
    multiValueRenderer?: ((option: SelectOption, onDeleteSelectedOption: ((option: SelectOption) => ((e: SyntheticEvent<Element, Event>) => void)), defaultRenderer: ((value: string | number, displayValue: string, title: string, option: SelectOption) => ReactNode)) => ReactNode);
    notFoundContent?: ReactNode;
    notFoundText?: string;
    onAdd?: (() => void);
    onBlur?: (() => void);
    onChange?: ((value: undefined | SelectValue, options?: SelectOption[]) => void);
    onDeselect?: ((value: SelectValue) => void);
    onDeselectAll?: (() => void);
    onDropdownVisibleChange?: ((isOpen: boolean) => void);
    onFocus?: (() => void);
    onPrefixClick?: ((e: MouseEvent<Element, MouseEvent>) => void);
    onSearch?: ((text: string) => void);
    onSelect?: ((value: SelectValue) => void);
    onSelectAll?: (() => void);
    onSuffixClick?: ((e: MouseEvent<Element, MouseEvent>) => void);
    optionRenderer?: ((option: SelectOption) => ReactNode);
    options: SelectOption[];
    optionsMaxHeight?: number;
    placeholder?: string;
    prefix?: ReactNode;
    preserveValueOrdering?: boolean;
    scrollModeMaxRows?: number;
    selectAllText?: string;
    selectedOptions?: SelectOption[];
    selectNoneText?: string;
    shouldBlurOnClose?: boolean;
    showArrow?: boolean;
    showSearch?: boolean;
    size?: SIZE;
    sortOrder?: "ASC" | "DESC";
    suffix?: ReactNode;
    targetRenderer?: ((handleClick: ((e: MouseEvent<HTMLDivElement, MouseEvent>) => void), value?: SelectValue) => ReactNode);
    title?: ReactNode;
    tooltipPlacement?: PLACEMENT;
    useClientFilter?: boolean;
    value?: SelectValue;
    valueRenderer?: ((value?: SelectValue) => ReactNode);
}

Properties

addText? allowClear? autoFocus? canAdd? canCreate? canSelectAll? data-readonly? defaultValue? dropdownMatchSelectWidth? dropdownRef? dropdownRender? errorMessage? hasError? inputRef? inputRowsMode? isAllSelected? isDefaultOpen? isDisabled? isHighlighted? isOpen? isReadOnly? isWaiting? mode? multipleValueRenderer? multiValueRenderer? notFoundContent? notFoundText? onAdd? onBlur? onChange? onDeselect? onDeselectAll? onDropdownVisibleChange? onFocus? onPrefixClick? onSearch? onSelect? onSelectAll? onSuffixClick? optionRenderer? options optionsMaxHeight? placeholder? prefix? preserveValueOrdering? scrollModeMaxRows? selectAllText? selectedOptions? selectNoneText? shouldBlurOnClose? showArrow? showSearch? size? sortOrder? suffix? targetRenderer? title? tooltipPlacement? useClientFilter? value? valueRenderer?

Properties

OptionaladdText

addText?: string

OptionalallowClear

allowClear?: boolean

OptionalautoFocus

autoFocus?: boolean

OptionalcanAdd

canAdd?: boolean

OptionalcanCreate

canCreate?: boolean

OptionalcanSelectAll

canSelectAll?: boolean

Optionaldata-readonly

data-readonly

OptionaldefaultValue

defaultValue?: SelectValue

OptionaldropdownMatchSelectWidth

dropdownMatchSelectWidth?: "autoContent" | "1.5:1"

OptionaldropdownRef

dropdownRef?: Ref<HTMLDivElement>

OptionaldropdownRender

dropdownRender?: DropdownRenderFunction

OptionalerrorMessage

errorMessage?: ReactNode

OptionalhasError

hasError?: boolean

OptionalinputRef

inputRef?: Ref<HTMLInputElement>

OptionalinputRowsMode

inputRowsMode?: SelectInputRowsMode

OptionalisAllSelected

isAllSelected?: boolean

OptionalisDefaultOpen

isDefaultOpen?: boolean

OptionalisDisabled

isDisabled?: boolean

OptionalisHighlighted

isHighlighted?: boolean

OptionalisOpen

isOpen?: boolean

OptionalisReadOnly

isReadOnly?: boolean

OptionalisWaiting

isWaiting?: boolean

Optionalmode

mode?: SelectMode

'tags' mode generate new option by creating IOption {title: text, value: text}

OptionalmultipleValueRenderer

multipleValueRenderer?: ((option: SelectOption, onDeleteSelectedOption: ((option: SelectOption) => ((e: SyntheticEvent<Element, Event>) => void))) => ReactNode)

Deprecated

multipleValueRenderer использует HTML параметр title, который может отличаться от выводимого значения Необходимо использовать параметр multiValueRenderer

End Of Support

@universe-platform/uikit 2.0.0

OptionalmultiValueRenderer

multiValueRenderer?: ((option: SelectOption, onDeleteSelectedOption: ((option: SelectOption) => ((e: SyntheticEvent<Element, Event>) => void)), defaultRenderer: ((value: string | number, displayValue: string, title: string, option: SelectOption) => ReactNode)) => ReactNode)

OptionalnotFoundContent

notFoundContent?: ReactNode

OptionalnotFoundText

notFoundText?: string

OptionalonAdd

onAdd?: (() => void)

OptionalonBlur

onBlur?: (() => void)

OptionalonChange

onChange?: ((value: undefined | SelectValue, options?: SelectOption[]) => void)

OptionalonDeselect

onDeselect?: ((value: SelectValue) => void)

OptionalonDeselectAll

onDeselectAll?: (() => void)

OptionalonDropdownVisibleChange

onDropdownVisibleChange?: ((isOpen: boolean) => void)

OptionalonFocus

onFocus?: (() => void)

OptionalonPrefixClick

onPrefixClick?: ((e: MouseEvent<Element, MouseEvent>) => void)

OptionalonSearch

onSearch?: ((text: string) => void)

OptionalonSelect

onSelect?: ((value: SelectValue) => void)

OptionalonSelectAll

onSelectAll?: (() => void)

OptionalonSuffixClick

onSuffixClick?: ((e: MouseEvent<Element, MouseEvent>) => void)

OptionaloptionRenderer

optionRenderer?: ((option: SelectOption) => ReactNode)

options

options: SelectOption[]

OptionaloptionsMaxHeight

optionsMaxHeight?: number

Optionalplaceholder

placeholder?: string

Optionalprefix

prefix?: ReactNode

OptionalpreserveValueOrdering

preserveValueOrdering?: boolean

OptionalscrollModeMaxRows

scrollModeMaxRows?: number

OptionalselectAllText

selectAllText?: string

OptionalselectedOptions

selectedOptions?: SelectOption[]

OptionalselectNoneText

selectNoneText?: string

OptionalshouldBlurOnClose

shouldBlurOnClose?: boolean

OptionalshowArrow

showArrow?: boolean

OptionalshowSearch

showSearch?: boolean

Optionalsize

size?: SIZE

OptionalsortOrder

sortOrder?: "ASC" | "DESC"

Optionalsuffix

suffix?: ReactNode

OptionaltargetRenderer

targetRenderer?: ((handleClick: ((e: MouseEvent<HTMLDivElement, MouseEvent>) => void), value?: SelectValue) => ReactNode)

Optionaltitle

title?: ReactNode

OptionaltooltipPlacement

tooltipPlacement?: PLACEMENT

OptionaluseClientFilter

useClientFilter?: boolean

Optionalvalue

value?: SelectValue

OptionalvalueRenderer

valueRenderer?: ((value?: SelectValue) => ReactNode)

On This Page

Properties