@spaced-out/ui-design-system
Version:
Sense UI components library
308 lines • 8.59 kB
TypeScript
import * as React from 'react';
import { EmptyData } from '../ColumnChart/ColumnChart.stories';
import type { FunnelChartProps } from './index.ts';
declare const _default: {
tags: string[];
title: string;
component: ({ isLoading, classNames, cardTitle, customExportOptions, series, headerActions, drilldown, showLegend, hasEmptyData, emptyText, ...userOptions }: FunnelChartProps) => 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;
};
};
};
showLegend: {
description: string;
control: {
type: string;
};
table: {
type: {
summary: string;
};
defaultValue: {
summary: 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 _FunnelChart: {
(args: FunnelChartProps): React.JSX.Element;
args: {
classNames: {
wrapper: string;
};
cardTitle: string;
customExportOptions: {
key: string;
label: string;
format: string;
}[];
series: {
name: string;
data: {
name: string;
y: number;
}[];
showInLegend: boolean;
}[];
yAxis: {
readonly title: {
readonly text: "Number of Employees";
};
};
};
};
export declare const _FunnelChartWithEmptyData: {
(args: FunnelChartProps): React.JSX.Element;
args: {
classNames: {
wrapper: string;
};
cardTitle: string;
customExportOptions: {
key: string;
label: string;
format: string;
}[];
series: {
name: string;
data: {
name: string;
y: number;
}[];
showInLegend: boolean;
}[];
yAxis: {
readonly title: {
readonly text: "Number of Employees";
};
};
hasEmptyData: boolean;
emptyText: React.ReactElement<React.ComponentProps<typeof EmptyData>>;
};
};
export declare const _FunnelChartWithDrilldown: {
(args: FunnelChartProps): React.JSX.Element;
args: {
classNames: {
wrapper: string;
};
cardTitle: string;
customExportOptions: {
key: string;
label: string;
format: string;
}[];
series: {
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";
};
};
plotOptions: {
readonly series: {
readonly cursor: "pointer";
};
};
};
};
//# sourceMappingURL=FunnelChart.stories.d.ts.map