@serendie/ui
Version:
Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric
41 lines (40 loc) • 1.55 kB
TypeScript
import { BarSvgProps, BarDatum } from '@nivo/bar';
import { LineSeries, LineSvgProps } from '@nivo/line';
import { PieSvgProps } from '@nivo/pie';
export type ChartColorCategory = "primary" | "positive" | "negative" | "notice" | "multi";
export declare const getChartColors: (category: ChartColorCategory, count?: number) => string[];
export declare const getChartColor: (category: ChartColorCategory, index?: number) => string;
export declare const defaultChartMargin: {
top: number;
right: number;
bottom: number;
left: number;
};
export declare const compactChartMargin: {
top: number;
right: number;
bottom: number;
left: number;
};
export declare const legendChartMargin: {
top: number;
right: number;
bottom: number;
left: number;
};
export declare const spaciousChartMargin: {
top: number;
right: number;
bottom: number;
left: number;
};
type ChartPropsResult = {
bar: Partial<BarSvgProps<BarDatum>>;
line: Partial<LineSvgProps<LineSeries>>;
pie: Partial<PieSvgProps<Record<string, unknown>>>;
};
export declare const useChartProps: <T extends keyof ChartPropsResult>(chartType: T, colorCategory?: ChartColorCategory) => ChartPropsResult[T];
export declare const useBarChartProps: (c?: ChartColorCategory) => Partial<BarSvgProps<BarDatum>>;
export declare const useLineChartProps: (c?: ChartColorCategory) => Partial<LineSvgProps<LineSeries>>;
export declare const usePieChartProps: (c?: ChartColorCategory) => Partial<PieSvgProps<Record<string, unknown>>>;
export {};