@spaced-out/ui-design-system
Version:
Sense UI components library
558 lines • 16 kB
TypeScript
import * as React from 'react';
import type { MenuGroupTitleOption, MenuOption, MenuProps } from '../Menu';
import type { ButtonDropdownProps } from './ButtonDropdown';
declare const _default: {
tags: string[];
title: string;
component: import("flow-to-typescript-codemod").Flow.AbstractComponent<ButtonDropdownProps, HTMLDivElement>;
argTypes: {
onClick: {
description: string;
action: string;
table: {
type: {
summary: string;
};
};
};
classNames: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
tooltip: {
control: {
type: string;
};
description: string;
table: {
type: {
summary: string;
};
};
};
menu: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
elevation: {
description: string;
control: {
type: string;
};
options: unknown[];
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
iconLeftName: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
iconLeftType: {
description: string;
options: string[];
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
iconRightName: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
iconRightType: {
description: string;
options: string[];
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
type: {
options: string[];
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
actionType: {
options: unknown[];
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
size: {
description: string;
control: {
type: string;
};
options: string[];
table: {
type: {
summary: string;
};
defaultValue: {
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;
};
};
};
isFluid: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
children: {
description: string;
table: {
type: {
summary: string;
};
};
};
ariaLabel: {
control: {
type: string;
};
description: string;
table: {
type: {
summary: string;
};
};
};
onOptionSelect: {
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;
};
};
};
anchorPosition: {
options: unknown[];
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
positionStrategy: {
options: unknown[];
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
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 _TextOnly: {
(args: ButtonDropdownProps): React.JSX.Element;
args: {
menu: MenuProps;
size: string;
children?: React.ReactNode;
disabled?: unknown;
actionType?: import("../Button").ButtonActionType;
onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
ariaLabel?: string;
tabIndex?: number;
isLoading?: boolean;
role?: string;
classNames?: Readonly<{
wrapper?: string;
icon?: string;
text?: string;
}>;
iconLeftName?: string;
iconLeftType?: import("../Icon").IconType;
iconRightName?: string;
iconRightType?: import("../Icon").IconType;
type?: import("../Button").ButtonType;
isFluid?: boolean;
};
};
export declare const _TextWithTooltip: {
(args: ButtonDropdownProps): React.JSX.Element;
args: {
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>;
};
size: string;
children?: React.ReactNode;
disabled?: unknown;
actionType?: import("../Button").ButtonActionType;
onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
ariaLabel?: string;
tabIndex?: number;
isLoading?: boolean;
role?: string;
classNames?: Readonly<{
wrapper?: string;
icon?: string;
text?: string;
}>;
iconLeftName?: string;
iconLeftType?: import("../Icon").IconType;
iconRightName?: string;
iconRightType?: import("../Icon").IconType;
type?: import("../Button").ButtonType;
isFluid?: boolean;
};
};
export declare const _WithSearch: {
(args: ButtonDropdownProps): React.JSX.Element;
args: {
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>;
};
size: string;
children?: React.ReactNode;
disabled?: unknown;
actionType?: import("../Button").ButtonActionType;
onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
ariaLabel?: string;
tabIndex?: number;
isLoading?: boolean;
role?: string;
classNames?: Readonly<{
wrapper?: string;
icon?: string;
text?: string;
}>;
iconLeftName?: string;
iconLeftType?: import("../Icon").IconType;
iconRightName?: string;
iconRightType?: import("../Icon").IconType;
type?: import("../Button").ButtonType;
isFluid?: boolean;
};
};
export declare const _TextAndIcon: {
(args: ButtonDropdownProps): React.JSX.Element;
args: {
menu: MenuProps;
size: string;
children?: React.ReactNode;
disabled?: unknown;
actionType?: import("../Button").ButtonActionType;
onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
ariaLabel?: string;
tabIndex?: number;
isLoading?: boolean;
role?: string;
classNames?: Readonly<{
wrapper?: string;
icon?: string;
text?: string;
}>;
iconLeftName?: string;
iconLeftType?: import("../Icon").IconType;
iconRightName?: string;
iconRightType?: import("../Icon").IconType;
type?: import("../Button").ButtonType;
isFluid?: boolean;
};
};
export declare const _IconOnly: {
(args: ButtonDropdownProps): React.JSX.Element;
args: {
menu: MenuProps;
size: string;
tooltip: {
body: string;
};
children?: React.ReactNode;
disabled?: unknown;
actionType?: import("../Button").ButtonActionType;
onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
ariaLabel?: string;
tabIndex?: number;
isLoading?: boolean;
role?: string;
classNames?: Readonly<{
wrapper?: string;
icon?: string;
text?: string;
}>;
iconLeftName?: string;
iconLeftType?: import("../Icon").IconType;
iconRightName?: string;
iconRightType?: import("../Icon").IconType;
type?: import("../Button").ButtonType;
isFluid?: boolean;
};
};
export declare const _DynamicIcon: {
(args: ButtonDropdownProps): React.JSX.Element;
args: {
iconLeftName: string;
ariaLabel: string;
menu: MenuProps;
size: string;
};
};
export declare const _TextAndDynamicIcon: {
(args: ButtonDropdownProps): React.JSX.Element;
args: {
children: string;
iconRightName: string;
iconRightType: string;
menu: MenuProps;
size: string;
type: string;
};
};
export declare const _WithCheckboxMenu: {
(args: ButtonDropdownProps): React.JSX.Element;
args: {
children: string;
menu: MenuProps;
size: string;
};
};
export declare const _WithRadioMenu: {
(args: ButtonDropdownProps): React.JSX.Element;
args: {
children: string;
menu: MenuProps;
size: string;
};
};
export declare const _WithHeaderAndFooter: {
(args: ButtonDropdownProps): React.JSX.Element;
args: {
children: string;
menu: MenuProps;
size: string;
};
};
export declare const WithHeaderAndFooter: (args: ButtonDropdownProps) => React.JSX.Element;
//# sourceMappingURL=ButtonDropdown.stories.d.ts.map