@spaced-out/ui-design-system/lib/components/OptionButton/OptionButton.stories.d.ts

Sense UI components library

import * as React from 'react';
import type { MenuOption, MenuProps } from '../Menu';
import type { OptionButtonProps } from '../OptionButton/OptionButton';
declare const _default: {
    tags: string[];
    title: string;
    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<OptionButtonProps, HTMLDivElement>;
    argTypes: {
        onButtonClick: {
            description: string;
            action: string;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        menu: {
            description: string;
            defaultValue: MenuProps;
            control: {
                type: 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;
                };
            };
        };
        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;
                };
            };
        };
        tooltip: {
            control: {
                type: string;
            };
            description: 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 _Default: {
    (args: OptionButtonProps): React.JSX.Element;
    args: {
        children: string;
        type: string;
        size: string;
        iconLeftName: string;
        iconRightName: string;
        ariaLabel: string;
        isFluid: boolean;
        actionType: string;
        menu: MenuProps;
    };
};
export declare const _WithTruncateOptionsTooltip: {
    (args: OptionButtonProps): React.JSX.Element;
    args: {
        children: string;
        type: string;
        size: string;
        iconLeftName: string;
        iconRightName: string;
        ariaLabel: string;
        isFluid: boolean;
        actionType: 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 _WithTooltip: {
    (args: OptionButtonProps): React.JSX.Element;
    args: {
        children: string;
        type: string;
        size: string;
        iconLeftName: string;
        iconRightName: string;
        ariaLabel: string;
        isFluid: boolean;
        actionType: string;
        menu: MenuProps;
        tooltip: {
            baseButton: {
                body: string;
                placement: string;
            };
            optionsButton: {
                body: string;
                placement: string;
            };
        };
    };
};
export declare const _WithHeaderAndFooter: {
    (args: OptionButtonProps): React.JSX.Element;
    args: {
        children: string;
        type: string;
        size: string;
        iconLeftName: string;
        iconRightName: string;
        ariaLabel: string;
        isFluid: boolean;
        actionType: string;
        menu: MenuProps;
        tooltip: {
            baseButton: {
                body: string;
                placement: string;
            };
            optionsButton: {
                body: string;
                placement: string;
            };
        };
    };
};
export declare const WithHeaderAndFooter: (args: OptionButtonProps) => React.JSX.Element;
//# sourceMappingURL=OptionButton.stories.d.ts.map