@mui/x-charts
Version:
The community edition of MUI X Charts components.
91 lines • 3.64 kB
TypeScript
import { DefaultizedProps, MakeOptional } from '@mui/x-internals/types';
import { ScatterSeriesType, DefaultizedScatterSeriesType, ScatterItemIdentifier, ScatterValueType } from "./scatter.js";
import { LineSeriesType, DefaultizedLineSeriesType, LineItemIdentifier } from "./line.js";
import { BarItemIdentifier, BarSeriesType, DefaultizedBarSeriesType } from "./bar.js";
import { PieSeriesType, DefaultizedPieSeriesType, PieItemIdentifier, PieValueType, DefaultizedPieValueType } from "./pie.js";
import { DefaultizedRadarSeriesType, RadarItemIdentifier, RadarSeriesType } from "./radar.js";
export interface ChartsSeriesConfig {
bar: {
/**
* Series type when passed to the formatter (some ids are given default values to simplify the DX)
*/
seriesInput: DefaultizedProps<BarSeriesType, 'id'> & {
color: string;
};
/**
* Series type when stored in the context (with all the preprocessing added))
*/
series: DefaultizedBarSeriesType;
/**
* Series typing such that the one user need to provide
*/
seriesProp: BarSeriesType;
itemIdentifier: BarItemIdentifier;
valueType: number | null;
canBeStacked: true;
axisType: 'cartesian';
};
line: {
seriesInput: DefaultizedProps<LineSeriesType, 'id'> & {
color: string;
};
series: DefaultizedLineSeriesType;
seriesProp: LineSeriesType;
itemIdentifier: LineItemIdentifier;
valueType: number | null;
canBeStacked: true;
axisType: 'cartesian';
};
scatter: {
seriesInput: DefaultizedProps<ScatterSeriesType, 'id'> & {
color: string;
};
series: DefaultizedScatterSeriesType;
seriesProp: ScatterSeriesType;
valueType: ScatterValueType;
itemIdentifier: ScatterItemIdentifier;
axisType: 'cartesian';
};
pie: {
seriesInput: Omit<DefaultizedProps<PieSeriesType, 'id'>, 'data'> & {
data: (MakeOptional<PieValueType, 'id'> & {
color: string;
})[];
};
series: DefaultizedPieSeriesType;
seriesProp: PieSeriesType<MakeOptional<PieValueType, 'id'>>;
itemIdentifier: PieItemIdentifier;
valueType: DefaultizedPieValueType;
};
radar: {
seriesInput: DefaultizedProps<RadarSeriesType, 'id'> & {
color: string;
};
series: DefaultizedRadarSeriesType;
seriesProp: RadarSeriesType;
itemIdentifier: RadarItemIdentifier;
valueType: number;
axisType: 'polar';
};
}
export type ChartSeriesType = keyof ChartsSeriesConfig;
export type CartesianChartSeriesType = keyof Pick<ChartsSeriesConfig, { [Key in ChartSeriesType]: ChartsSeriesConfig[Key] extends {
axisType: 'cartesian';
} ? Key : never }[ChartSeriesType]>;
export type PolarChartSeriesType = keyof Pick<ChartsSeriesConfig, { [Key in ChartSeriesType]: ChartsSeriesConfig[Key] extends {
axisType: 'polar';
} ? Key : never }[ChartSeriesType]>;
export type StackableChartSeriesType = keyof Pick<ChartsSeriesConfig, { [Key in ChartSeriesType]: ChartsSeriesConfig[Key] extends {
canBeStacked: true;
} ? Key : never }[ChartSeriesType]>;
export type ChartSeries<T extends ChartSeriesType> = ChartsSeriesConfig[T]['seriesInput'];
export type ChartSeriesDefaultized<T extends ChartSeriesType> = ChartsSeriesConfig[T] extends {
canBeStacked: true;
} ? ChartsSeriesConfig[T]['series'] & {
stackedData: [number, number][];
} : ChartsSeriesConfig[T]['series'];
export type ChartItemIdentifier<T extends ChartSeriesType> = ChartsSeriesConfig[T]['itemIdentifier'];
export type DatasetElementType<T> = {
[key: string]: Readonly<T>;
};
export type DatasetType<T = number | string | Date | null | undefined> = DatasetElementType<T>[];