@spaced-out/ui-design-system
Version:
Sense UI components library
42 lines • 2.11 kB
TypeScript
import * as React from 'react';
import type { Flow } from 'flow-to-typescript-codemod';
import type { MenuClassNames, MenuLabelTooltip } from '../../types/menu';
import type { ClickAwayRefType } from '../../utils/click-away';
import type { InputProps } from '../../components/Input';
import type { MenuOption, Virtualization } from '../../components/Menu';
import type { ElevationType } from '../../components/Tooltip';
type ClassNames = Readonly<{
wrapper?: string;
box?: string;
}>;
export interface SimpleTypeaheadRef {
selectedKeys?: Array<string>;
}
export interface SimpleTypeaheadProps extends Omit<InputProps, 'isLoading' | 'menuOpenOffset' | 'classNames' | 'options' | 'selectedKeys' | 'menuVirtualization' | 'header' | 'footer' | 'menuClassNames' | 'showLabelTooltip' | 'allowWrap' | 'elevation' | 'onSelect' | 'onSearch' | 'onMenuOpen' | 'onMenuClose' | 'onClear' | 'resolveLabel' | 'resolveSecondaryLabel' | 'clickAwayRef' | 'allowInternalFilter' | 'typeaheadInputText'> {
isLoading?: boolean;
menuOpenOffset?: number;
classNames?: ClassNames;
options?: Array<MenuOption>;
selectedKeys?: Array<string>;
menuVirtualization?: Virtualization;
header?: React.ReactNode;
footer?: React.ReactNode;
menuClassNames?: MenuClassNames;
showLabelTooltip?: MenuLabelTooltip;
allowWrap?: boolean;
elevation?: ElevationType;
onSelect?: (option: MenuOption, arg2?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
onSearch?: (evt: React.ChangeEvent<HTMLInputElement>) => unknown;
onMenuOpen?: () => unknown;
onMenuClose?: () => unknown;
onClear?: () => void;
resolveLabel?: (option: MenuOption) => string | React.ReactNode;
resolveSecondaryLabel?: (option: MenuOption) => string | React.ReactNode;
clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
allowInternalFilter?: boolean;
typeaheadInputText?: string;
testId?: string;
}
export declare const SimpleTypeahead: Flow.AbstractComponent<SimpleTypeaheadProps, SimpleTypeaheadRef>;
export {};
//# sourceMappingURL=SimpleTypeahead.d.ts.map