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

Sense UI components library

import * as React from 'react';
import type { DonutChartProps } from './';
declare const _default: {
    tags: string[];
    title: string;
    component: ({ isLoading, classNames, cardTitle, customExportOptions, headerActions, series, drilldown, legend, centerText, centerSubtext, hasEmptyData, emptyText, ...userOptions }: DonutChartProps) => React.JSX.Element;
    argTypes: {
        isLoading: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
                defaultValue: {
                    summary: string;
                };
            };
        };
        classNames: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        cardTitle: {
            description: string;
            control: {
                type: string;
            };
            type: {
                summary: string;
            };
        };
        centerText: {
            description: string;
            control: {
                type: string;
            };
        };
        centerSubtext: {
            description: string;
            control: {
                type: string;
            };
        };
        customExportOptions: {
            description: string;
            control: {
                type: string;
            };
            table: {
                type: {
                    summary: string;
                };
            };
        };
        series: {
            description: string;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        legend: {
            description: string;
            control: {
                type: string;
            };
        };
        headerActions: {
            description: string;
            table: {
                type: {
                    summary: string;
                };
            };
        };
        hasEmptyData: {
            description: string;
            control: {
                type: string;
            };
        };
        emptyText: {
            description: string;
            table: {
                type: {
                    summary: string;
                };
            };
        };
    };
    parameters: {
        docs: {
            subtitle: string;
            description: {
                component: string;
            };
        };
        storySource: {
            componentPath: string;
        };
    };
};
export default _default;
export declare const _DonutChart: {
    (args: DonutChartProps): React.JSX.Element;
    args: {
        classNames: {
            wrapper: string;
            content: string;
        };
        cardTitle: string;
        centerText: string;
        centerSubtext: string;
        customExportOptions: {
            key: string;
            label: string;
            format: string;
        }[];
        series: {
            name: string;
            data: {
                name: string;
                y: number;
            }[];
        }[];
        legend: {
            readonly enabled: true;
        };
    };
};
declare const EmptyData: () => React.JSX.Element;
export declare const _DonutChartWithEmptyData: {
    (args: DonutChartProps): React.JSX.Element;
    args: {
        classNames: {
            wrapper: string;
            content: string;
        };
        cardTitle: string;
        centerText: string;
        centerSubtext: string;
        customExportOptions: {
            key: string;
            label: string;
            format: string;
        }[];
        series: {
            name: string;
            data: {
                name: string;
                y: number;
            }[];
        }[];
        legend: {
            readonly enabled: true;
        };
        hasEmptyData: boolean;
        emptyText: React.ReactElement<React.ComponentProps<typeof EmptyData>>;
    };
};
export declare const _DonutChartWithDrilldown: {
    (args: DonutChartProps): React.JSX.Element;
    args: {
        classNames: {
            wrapper: string;
            content: string;
        };
        cardTitle: string;
        centerText: string;
        centerSubtext: string;
        series: {
            type: string;
            name: string;
            innerSize: string;
            data: {
                name: string;
                y: number;
                drilldown: string;
            }[];
        }[];
        drilldown: {
            readonly series: readonly [{
                readonly id: "chrome";
                readonly data: readonly [{
                    readonly name: "Version 80";
                    readonly y: 10;
                }, {
                    readonly name: "Version 81";
                    readonly y: 15;
                }];
            }, {
                readonly id: "firefox";
                readonly data: readonly [{
                    readonly name: "Version 75";
                    readonly y: 8;
                }, {
                    readonly name: "Version 76";
                    readonly y: 12;
                }];
            }, {
                readonly id: "safari";
                readonly data: readonly [{
                    readonly name: "Version 12";
                    readonly y: 5;
                }, {
                    readonly name: "Version 13";
                    readonly y: 10;
                }];
            }];
        };
        legend: {
            readonly enabled: false;
        };
    };
};
//# sourceMappingURL=DonutChart.stories.d.ts.map