@activecollab/components
Version:
ActiveCollab Components
54 lines • 2 kB
TypeScript
import { FC } from "react";
import { IAutocompleteProps } from "../Autocomplete/Autocomplete";
import { InputMode, InputSize } from "../Input/types";
import { IOptionItemProps } from "../Select";
export interface IComboBoxProps extends Omit<IAutocompleteProps, "handleChange" | "inputEl" | "clearInputOnSelect"> {
/** Set combobox in to loading state */
loading?: boolean;
/** Text to display while in loading state */
loadingText?: string;
/** onChange callback */
onChange?: (e: (string | number)[] | string | number | null | undefined) => void;
/** onInputChange callback */
onInputChange?: (text: string) => void;
/** Placeholder for Select input */
placeholder?: string;
/** disable Input element */
disabled?: boolean;
/** Combobox size */
size?: InputSize;
/** Invalid state */
invalid?: boolean;
/** Render Chip */
renderChip?: <T extends IOptionItemProps>(item: T, key?: string | number) => JSX.Element;
/** Close menu on change */
forceCloseMenu?: boolean;
/** Limit chips */
limitChips?: number;
/** Hidden number text */
hiddenNumberText?: (hidden: number) => string;
/** Render Autocomplete in <Portal> */
inPortal?: boolean;
/** inputWrapperClassName */
inputWrapperClassName?: string;
/** scrollWrapper */
scrollWrapper?: boolean;
/** onClose (f) will be called when Popper closes */
onClose?: () => void;
/** onOpen (f) will be called when Popper opens */
onOpen?: () => void;
/** onClear (f) will be called when user clear input on X icon*/
onClear?: () => void;
onCancel?: (value?: string) => void;
onDeselect?: () => void;
/** Open state */
open?: boolean;
/** Trigger mode */
triggerMode?: InputMode;
/** Hide clear button */
hideClearButton?: boolean;
/** Error message to display */
errorMessage?: string;
}
export declare const ComboBox: FC<IComboBoxProps>;
//# sourceMappingURL=ComboBox.d.ts.map