@spaced-out/ui-design-system
Version:
Sense UI components library
417 lines • 12 kB
TypeScript
import * as React from 'react';
import type { MenuGroupTitleOption, MenuOption, MenuProps } from '../Menu';
import type { DropdownProps } from './Dropdown';
declare const _default: {
tags: string[];
title: string;
component: import("flow-to-typescript-codemod").Flow.AbstractComponent<DropdownProps, HTMLInputElement>;
argTypes: {
size: {
description: string;
options: string[];
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
menu: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
name: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
elevation: {
description: string;
control: {
type: string;
};
options: unknown[];
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
disabled: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
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;
};
};
};
dropdownInputText: {
description: string;
table: {
type: {
summary: string;
};
};
};
classNames: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
required: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
onChange: {
description: string;
action: string;
table: {
type: {
summary: string;
};
};
};
onMenuOpen: {
description: string;
action: string;
table: {
type: {
summary: string;
};
};
};
onMenuClose: {
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;
};
};
};
clickAwayRef: {
type: {
optional: boolean;
};
description: string;
table: {
type: {
summary: string;
};
};
};
};
parameters: {
docs: {
subtitle: string;
description: {
component: string;
};
};
storySource: {
componentPath: string;
};
};
};
export default _default;
export declare const _WithSimpleMenu: {
(args: DropdownProps): React.JSX.Element;
args: {
label: string;
menu: MenuProps;
};
};
export declare const _WithSimpleMenuTooltip: {
(args: DropdownProps): 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<MenuGroupTitleOption>;
};
};
};
export declare const _WithSearch: {
(args: DropdownProps): React.JSX.Element;
args: {
label: string;
menu: {
allowSearch: boolean;
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;
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;
};
showLabelTooltip?: import("../..").MenuLabelTooltip;
allowWrap?: boolean;
options?: Array<MenuOption>;
composeOptions?: Array<Array<MenuOption>>;
groupTitleOptions?: Array<MenuGroupTitleOption>;
};
};
};
export declare const _WithCheckboxMenu: {
(args: DropdownProps): React.JSX.Element;
args: {
label: string;
menu: MenuProps;
};
};
export declare const _WithRadioMenu: {
(args: DropdownProps): React.JSX.Element;
args: {
label: string;
menu: MenuProps;
};
};
export declare const _WithComposeMenu: {
(args: DropdownProps): React.JSX.Element;
args: {
label: string;
menu: MenuProps;
};
};
export declare const _WithGroupTitleMenu: {
(args: DropdownProps): React.JSX.Element;
args: {
label: string;
menu: {
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;
};
showLabelTooltip?: import("../..").MenuLabelTooltip;
allowWrap?: boolean;
options?: Array<MenuOption>;
composeOptions?: Array<Array<MenuOption>>;
groupTitleOptions?: Array<MenuGroupTitleOption>;
};
};
};
export declare const _WithHeaderAndFooter: {
(args: DropdownProps): React.JSX.Element;
args: {
label: string;
menu: MenuProps;
};
};
export declare const WithHeaderAndFooter: (args: DropdownProps) => React.JSX.Element;
//# sourceMappingURL=Dropdown.stories.d.ts.map