@spaced-out/ui-design-system
Version:
Sense UI components library
399 lines • 10.2 kB
TypeScript
import * as React from 'react';
import type { MenuOption, MenuProps } from '../Menu';
import type { TypeaheadProps } from './Typeahead';
declare const _default: {
tags: string[];
title: string;
component: import("flow-to-typescript-codemod").Flow.AbstractComponent<TypeaheadProps, HTMLInputElement>;
argTypes: {
size: {
description: string;
options: string[];
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
menuSize: {
description: string;
options: string[];
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
elevation: {
description: string;
control: {
type: string;
};
options: unknown[];
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
name: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
options: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
disabled: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
isLoading: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
menuOpenOffset: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: number;
};
};
};
placeholder: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
locked: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
error: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
errorText: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
label: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
helperText: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
classNames: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
onSelect: {
description: string;
action: string;
table: {
type: {
summary: string;
};
};
};
iconLeftName: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
onClear: {
description: string;
action: string;
table: {
type: {
summary: string;
};
};
};
onSearch: {
description: string;
action: string;
table: {
type: {
summary: string;
};
};
};
onFocus: {
description: string;
action: string;
table: {
type: {
summary: string;
};
};
};
onBlur: {
description: string;
action: string;
table: {
type: {
summary: string;
};
};
};
typeaheadInputText: {
description: string;
table: {
type: {
summary: string;
};
};
};
menu: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
onMenuOpen: {
description: string;
action: string;
table: {
type: {
summary: string;
};
};
};
onMenuClose: {
description: string;
action: string;
table: {
type: {
summary: string;
};
};
};
clickAwayRef: {
type: {
optional: boolean;
};
description: string;
table: {
type: {
summary: string;
};
};
};
allowInternalFilter: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: boolean;
};
};
};
};
parameters: {
docs: {
subtitle: string;
description: {
component: string;
};
};
storySource: {
componentPath: string;
};
};
};
export default _default;
export declare const _Typeahead: {
(args: TypeaheadProps): React.JSX.Element;
args: {
label: string;
menu: MenuProps;
};
};
export declare const _TypeaheadWithTooltipOptions: {
(args: TypeaheadProps): React.JSX.Element;
args: {
label: string;
menu: {
showLabelTooltip: {
maxLines: number;
};
onSelect?: (option: MenuOption, arg2?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
selectedOption?: MenuOption | null | undefined;
optionsVariant?: import("../Menu").MenuOptionsVariant;
selectedKeys?: Array<string>;
classNames?: Readonly<{
wrapper?: string;
option?: string;
groupTitle?: string;
optionTextContainer?: string;
optionTextLabel?: string;
header?: string;
footer?: string;
}>;
size?: import("../Menu").MenuSizeTypes;
width?: string;
menuDisabled?: boolean;
isFluid?: boolean;
onTabOut?: () => unknown;
allowSearch?: boolean;
resolveLabel?: (option: MenuOption) => string | React.ReactNode;
resolveSecondaryLabel?: (option: MenuOption) => string | React.ReactNode;
virtualization?: import("../Menu").Virtualization;
header?: React.ReactNode;
footer?: React.ReactNode;
showResultText?: boolean;
staticLabels?: {
RESULT?: string;
RESULTS?: string;
SEARCH_PLACEHOLDER?: string;
};
allowWrap?: boolean;
options?: Array<MenuOption>;
composeOptions?: Array<Array<MenuOption>>;
groupTitleOptions?: Array<import("../Menu").MenuGroupTitleOption>;
};
};
};
export declare const _WithHeaderAndFooter: {
(args: TypeaheadProps): React.JSX.Element;
args: {
label: string;
};
};
export declare const WithHeaderAndFooter: (args: TypeaheadProps) => React.JSX.Element;
export declare const _WithPaginationAndVirtualization: {
(args: TypeaheadProps): React.JSX.Element;
args: {
label: string;
menuOpenOffset: number;
};
};
//# sourceMappingURL=Typeahead.stories.d.ts.map