@dccs/react-searchable-select-mui

/// <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; } 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; }; }; "autoWidth": { "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; }; }; "input": { "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; }; }; "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; }; }; "defaultValue": { "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; }; }; "id": { "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; }; }; "inputMode": { "defaultValue": null; "description": string; "name": string; "required": boolean; "type": { "name": string; }; }; "is": { "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; }; }; "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; }; }; "onFocus": { "defaultValue": null; "description": string; "name": string; "required": boolean; "type": { "name": string; }; }; "onFocusCapture": { "defaultValue": null; "description": string; "name": string; "required": boolean; "type": { "name": string; }; }; "onBlur": { "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; "description": string; "name": string; "required": boolean; "type": { "name": string; }; }; "onPause": { "defaultValue": null; "description": string; "name": string; "required": boolean; "type": { "name": string; }; }; "onPauseCapture": { "defaultValue": null; "description": string; "name": string; "required": boolean; "type": { "name": string; }; }; "onPlay": { "defaultValue": null; "description": string; "name": string; "required": boolean; "type": { "name": string; }; }; "onPlayCapture": { "defaultValue": null; "description": string; "name": string