@spaced-out/ui-design-system
Version:
Sense UI components library
40 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 { ButtonProps } from '../../components/Button';
import type { AnchorType } from '../../components/ButtonDropdown';
import type { MenuOption, MenuOptionsVariant, Virtualization } from '../../components/Menu';
import type { ElevationType } from '../../components/Tooltip';
type ClassNames = Readonly<{
buttonWrapper?: string;
dropdownContainer?: string;
}>;
export interface SimpleInlineDropdownRef {
selectedKeys?: Array<string>;
}
export interface SimpleInlineDropdownProps extends Omit<ButtonProps, 'elevation' | 'classNames' | 'anchorPosition' | 'options' | 'optionsVariant' | 'allowSearch' | 'selectedKeys' | 'showLabelTooltip' | 'allowWrap' | 'onOptionSelect' | 'onMenuOpen' | 'onMenuClose' | 'menuVirtualization' | 'header' | 'footer' | 'menuClassNames' | 'resolveLabel' | 'resolveSecondaryLabel' | 'clickAwayRef' | 'testId'> {
elevation?: ElevationType;
classNames?: ClassNames;
anchorPosition?: AnchorType;
options?: Array<MenuOption>;
optionsVariant?: MenuOptionsVariant;
allowSearch?: boolean;
selectedKeys?: Array<string>;
showLabelTooltip?: MenuLabelTooltip;
allowWrap?: boolean;
onOptionSelect?: (option: MenuOption, arg2?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
onMenuOpen?: () => unknown;
onMenuClose?: () => unknown;
menuVirtualization?: Virtualization;
header?: React.ReactNode;
footer?: React.ReactNode;
menuClassNames?: MenuClassNames;
resolveLabel?: (option: MenuOption) => string | React.ReactNode;
resolveSecondaryLabel?: (option: MenuOption) => string | React.ReactNode;
clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
testId?: string;
}
export declare const SimpleInlineDropdown: Flow.AbstractComponent<SimpleInlineDropdownProps, SimpleInlineDropdownRef>;
export {};
//# sourceMappingURL=SimpleInlineDropdown.d.ts.map