react-searchable-select-mui
Version:
1,676 lines (1,675 loc) • 83.5 kB
TypeScript
/// <reference types="react" />
import { SelectProps } from "@material-ui/core/Select";
import { FormControlProps } from "@material-ui/core/FormControl";
import { FormHelperTextProps } from "@material-ui/core/FormHelperText";
export interface IKeyValuePair {
key: any;
value: string;
}
interface IBaseProps {
label?: string;
searchFieldPlaceholder?: string;
removeSelectionText?: string;
helperText?: string;
formControlProps?: FormControlProps;
formHelperTextProps?: FormHelperTextProps;
maxVisibleOptions?: number;
showAll?: boolean;
noRemoveSelectionOption?: boolean;
}
interface IDefaultKeyValuePair extends IBaseProps {
options: IKeyValuePair[];
}
interface ICustomKeyValuePair extends IBaseProps {
keyPropFn: (option: IKeyValuePair | any) => any;
valuePropFn: (option: IKeyValuePair | any) => string | number;
options: any[];
}
export declare type SearchableSelectProps = (IDefaultKeyValuePair | ICustomKeyValuePair) & SelectProps;
export declare function SearchableSelect(props: SearchableSelectProps): JSX.Element;
export declare namespace SearchableSelect {
var displayName: string;
var __docgenInfo: {
description: string;
displayName: string;
props: {
options: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
label: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
searchFieldPlaceholder: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
removeSelectionText: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
helperText: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
formControlProps: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
formHelperTextProps: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
maxVisibleOptions: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
showAll: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
noRemoveSelectionOption: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
autoWidth: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
children: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
defaultValue: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
displayEmpty: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
IconComponent: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
id: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
input: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
inputProps: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
labelId: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
labelWidth: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
MenuProps: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
multiple: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
native: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onChange: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onClose: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onOpen: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
open: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
renderValue: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
SelectDisplayProps: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
value: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
variant: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
disabled: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
error: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
multiline: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
fullWidth: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onKeyUp: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onKeyDown: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onBlur: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onFocus: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
defaultChecked: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
suppressContentEditableWarning: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
suppressHydrationWarning: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
accessKey: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
className: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
contentEditable: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
contextMenu: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
dir: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
draggable: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
hidden: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
lang: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
placeholder: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
slot: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
spellCheck: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
style: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
tabIndex: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
title: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
translate: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
radioGroup: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
role: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
about: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
datatype: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
inlist: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
prefix: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
property: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
resource: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
typeof: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
vocab: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
autoCapitalize: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
autoCorrect: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
autoSave: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
color: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
itemProp: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
itemScope: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
itemType: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
itemID: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
itemRef: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
results: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
security: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
unselectable: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
inputMode: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
is: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-activedescendant": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-atomic": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-autocomplete": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-busy": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-checked": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-colcount": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-colindex": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-colspan": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-controls": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-current": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-describedby": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-details": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-disabled": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-dropeffect": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-errormessage": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-expanded": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-flowto": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-grabbed": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-haspopup": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-hidden": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-invalid": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-keyshortcuts": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-label": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-labelledby": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-level": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-live": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-modal": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-multiline": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-multiselectable": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-orientation": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-owns": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-placeholder": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-posinset": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-pressed": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-readonly": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-relevant": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-required": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-roledescription": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-rowcount": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-rowindex": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-rowspan": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-selected": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-setsize": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-sort": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-valuemax": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-valuemin": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-valuenow": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
"aria-valuetext": {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
dangerouslySetInnerHTML: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onCopy: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onCopyCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onCut: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onCutCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onPaste: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onPasteCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onCompositionEnd: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onCompositionEndCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onCompositionStart: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onCompositionStartCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onCompositionUpdate: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onCompositionUpdateCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onFocusCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onBlurCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onChangeCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onBeforeInput: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onBeforeInputCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onInput: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onInputCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onReset: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onResetCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onSubmit: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onSubmitCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onInvalid: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onInvalidCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onLoad: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onLoadCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onError: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onErrorCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onKeyDownCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onKeyPress: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onKeyPressCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onKeyUpCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onAbort: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onAbortCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onCanPlay: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onCanPlayCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onCanPlayThrough: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onCanPlayThroughCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onDurationChange: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onDurationChangeCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onEmptied: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onEmptiedCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onEncrypted: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onEncryptedCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onEnded: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onEndedCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onLoadedData: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onLoadedDataCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onLoadedMetadata: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onLoadedMetadataCapture: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onLoadStart: {
defaultValue: null;
description: string;
name: string;
required: boolean;
type: {
name: string;
};
};
onLoadStartCapture: {
defaultValue: null;