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

Sense UI components library

import * as React from 'react';
import type { MenuOption } from '../Menu';
import type { SimpleDropdownProps } from './SimpleDropdown';
declare const _default: {
    tags: string[];
    title: string;
    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<SimpleDropdownProps, import("./SimpleDropdown").SimpleDropdownRef>;
    argTypes: {
        size: {
            description: string;
            options: string[];
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        required: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        options: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        name: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    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;
                };
            };
        };
        elevation: {
            description: string;
            control: {
                type: string;
            };
            options: unknown[];
            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;
                };
            };
        };
        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;
                };
            };
        };
        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;
                };
            };
        };
        staticLabels: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
    };
    parameters: {
        docs: {
            subtitle: string;
            description: {
                component: string;
            };
        };
        storySource: {
            componentPath: string;
        };
    };
};
export default _default;
export declare const _WithSimpleOptions: {
    (args: SimpleDropdownProps): React.JSX.Element;
    args: {
        label: string;
        options: MenuOption[];
    };
};
export declare const _WithSimpleOptionsTooltip: {
    (args: SimpleDropdownProps): React.JSX.Element;
    args: {
        label: string;
        options: MenuOption[];
        showLabelTooltip: {
            maxLines: number;
        };
    };
};
export declare const _WithSearch: {
    (args: SimpleDropdownProps): React.JSX.Element;
    args: {
        label: string;
        options: MenuOption[];
        allowSearch: boolean;
    };
};
export declare const _WithCheckboxOptions: {
    (args: SimpleDropdownProps): React.JSX.Element;
    args: {
        label: string;
        options: MenuOption[];
        optionsVariant: string;
        selectedKeys: string[];
    };
};
export declare const _WithRadioOptions: {
    (args: SimpleDropdownProps): React.JSX.Element;
    args: {
        label: string;
        options: MenuOption[];
        optionsVariant: string;
        selectedKeys: string[];
    };
};
export declare const _WithHeaderAndFooter: {
    (args: SimpleDropdownProps): React.JSX.Element;
    args: {
        label: string;
        options: MenuOption[];
        optionsVariant: string;
        selectedKeys: string[];
    };
};
//# sourceMappingURL=SimpleDropdown.stories.d.ts.map