@spaced-out/ui-design-system
Version:
Sense UI components library
502 lines • 13 kB
TypeScript
import * as React from 'react';
import type { MenuOption } from '../Menu';
import type { SimpleOptionButtonProps } from './SimpleOptionButton';
declare const _default: {
tags: string[];
title: string;
component: import("flow-to-typescript-codemod").Flow.AbstractComponent<SimpleOptionButtonProps, import("./SimpleOptionButton").SimpleOptionButtonRef>;
argTypes: {
onButtonClick: {
description: string;
action: string;
table: {
type: {
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;
};
};
};
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;
};
};
};
menuSize: {
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;
};
};
};
classNames: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
menuClassNames: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
tooltip: {
control: {
type: string;
};
description: string;
table: {
type: {
summary: string;
};
};
};
options: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
optionsVariant: {
description: string;
control: {
type: string;
};
options: string[];
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
allowSearch: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: boolean;
};
};
};
selectedKeys: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
resolveLabel: {
description: string;
table: {
type: {
summary: string;
};
};
};
resolveSecondaryLabel: {
description: string;
table: {
type: {
summary: string;
};
};
};
menuVirtualization: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
header: {
description: string;
table: {
type: {
summary: string;
};
};
};
footer: {
description: string;
table: {
type: {
summary: string;
};
};
};
clickAwayRef: {
type: {
optional: boolean;
};
description: string;
table: {
type: {
summary: string;
};
};
};
showLabelTooltip: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
};
};
allowWrap: {
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 _TextOnly: {
(args: SimpleOptionButtonProps): React.JSX.Element;
args: {
options: MenuOption[];
size: "small";
isFluid: false;
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("..").IconType;
iconRightName?: string;
iconRightType?: import("..").IconType;
type?: import("../Button").ButtonType;
};
};
export declare const _TextWithTooltip: {
(args: SimpleOptionButtonProps): React.JSX.Element;
args: {
showLabelTooltip: {
maxLines: number;
};
options: MenuOption[];
size: "small";
isFluid: false;
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("..").IconType;
iconRightName?: string;
iconRightType?: import("..").IconType;
type?: import("../Button").ButtonType;
};
};
export declare const _WithTooltip: {
(args: SimpleOptionButtonProps): React.JSX.Element;
args: {
tooltip: {
baseButton: {
body: string;
placement: string;
};
optionsButton: {
body: string;
placement: string;
};
};
options: MenuOption[];
size: "small";
isFluid: false;
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("..").IconType;
iconRightName?: string;
iconRightType?: import("..").IconType;
type?: import("../Button").ButtonType;
};
};
export declare const _WithHeaderAndFooter: {
(args: SimpleOptionButtonProps): React.JSX.Element;
args: {
optionsVariant: string;
options: MenuOption[];
size: "small";
isFluid: false;
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("..").IconType;
iconRightName?: string;
iconRightType?: import("..").IconType;
type?: import("../Button").ButtonType;
};
};
//# sourceMappingURL=SimpleOptionButton.stories.d.ts.map