UNPKG

@spaced-out/ui-design-system

Version:
311 lines 8.6 kB
import * as React from 'react'; import { EmptyData } from '../ColumnChart/ColumnChart.stories'; import type { LineChartProps } from './'; declare const _default: { tags: string[]; title: string; component: ({ isLoading, classNames, cardTitle, customExportOptions, series, headerActions, drilldown, hasEmptyData, emptyText, ...userOptions }: LineChartProps) => 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; }; }; customExportOptions: { description: string; control: { type: string; }; table: { type: { summary: string; }; }; }; series: { description: string; table: { type: { summary: string; }; }; }; legend: { description: string; control: { type: string; }; }; plotOptions: { description: string; }; xAxis: { description: string; }; yAxis: { description: 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 _LineChart: { (args: LineChartProps): React.JSX.Element; args: { classNames: { wrapper: string; }; cardTitle: string; customExportOptions: { key: string; label: string; format: string; }[]; series: { name: string; data: { name: string; y: number; }[]; }[]; yAxis: { readonly title: { readonly text: "Number of Employees"; }; }; legend: { readonly enabled: true; readonly shadow: false; }; }; }; export declare const _LineChartWithDrilldown: { (args: LineChartProps): React.JSX.Element; args: { classNames: { wrapper: string; }; cardTitle: string; customExportOptions: { key: string; label: string; format: string; }[]; series: { type: string; name: string; data: { name: string; y: number; drilldown: string; }[]; }[]; drilldown: { readonly series: readonly [{ readonly name: "Jan Weekly Sales Data"; readonly id: "jan"; readonly data: readonly [{ readonly name: "Week 1"; readonly y: 50; }, { readonly name: "Week 2"; readonly y: 70; }, { readonly name: "Week 3"; readonly y: 60; }, { readonly name: "Week 4"; readonly y: 80; }]; }, { readonly name: "Feb Weekly Sales Data"; readonly id: "feb"; readonly data: readonly [{ readonly name: "Week 5"; readonly y: 60; }, { readonly name: "Week 6"; readonly y: 80; }, { readonly name: "Week 7"; readonly y: 70; }, { readonly name: "Week 8"; readonly y: 90; }]; }, { readonly name: "March Weekly Sales Data"; readonly id: "mar"; readonly data: readonly [{ readonly name: "Week 9"; readonly y: 70; }, { readonly name: "Week 10"; readonly y: 90; }, { readonly name: "Week 11"; readonly y: 80; }, { readonly name: "Week 12"; readonly y: 100; }]; }, { readonly name: "April Weekly Sales Data"; readonly id: "apr"; readonly data: readonly [{ readonly name: "Week 13"; readonly y: 80; }, { readonly name: "Week 14"; readonly y: 100; }, { readonly name: "Week 15"; readonly y: 90; }, { readonly name: "Week 16"; readonly y: 110; }]; }, { readonly name: "May Weekly Sales Data"; readonly id: "may"; readonly data: readonly [{ readonly name: "Week 1"; readonly y: 90; }, { readonly name: "Week 2"; readonly y: 110; }, { readonly name: "Week 3"; readonly y: 100; }, { readonly name: "Week 4"; readonly y: 120; }]; }, { readonly name: "June Weekly Sales Data"; readonly id: "jun"; readonly data: readonly [{ readonly name: "Week 1"; readonly y: 100; }, { readonly name: "Week 2"; readonly y: 120; }, { readonly name: "Week 3"; readonly y: 110; }, { readonly name: "Week 4"; readonly y: 130; }]; }]; }; yAxis: { readonly title: { readonly text: "Sales"; }; }; legend: { readonly enabled: true; readonly shadow: false; }; plotOptions: { readonly series: { readonly cursor: "pointer"; }; }; }; }; export declare const _EmptyLineChart: { (args: LineChartProps): React.JSX.Element; args: { classNames: { wrapper: string; }; cardTitle: string; customExportOptions: { key: string; label: string; format: string; }[]; series: { name: string; data: { name: string; y: number; }[]; }[]; yAxis: { readonly title: { readonly text: "Number of Employees"; }; }; legend: { readonly enabled: true; readonly shadow: false; }; hasEmptyData: boolean; emptyText: React.ReactElement<React.ComponentProps<typeof EmptyData>>; }; }; //# sourceMappingURL=LineChart.stories.d.ts.map