@mui/x-charts
Version:
The community edition of the charts components (MUI X).
73 lines (72 loc) • 3.25 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import * as React from 'react';
import { useTheme } from '@mui/material/styles';
import barSeriesFormatter from '../BarChart/formatter';
import scatterSeriesFormatter from '../ScatterChart/formatter';
import lineSeriesFormatter from '../LineChart/formatter';
import pieSeriesFormatter from '../PieChart/formatter';
import { defaultizeColor } from '../internals/defaultizeColor';
import { blueberryTwilightPalette } from '../colorPalettes';
import { jsx as _jsx } from "react/jsx-runtime";
export var SeriesContext = /*#__PURE__*/React.createContext({});
var seriesTypeFormatter = {
bar: barSeriesFormatter,
scatter: scatterSeriesFormatter,
line: lineSeriesFormatter,
pie: pieSeriesFormatter
};
/**
* This methods is the interface between what the developer is providing and what components receives
* To simplify the components behaviors, it groups series by type, such that LinePlots props are not updated if some line data are modified
* It also add defaultized values such as the ids, colors
* @param series The array of series provided by devs
* @param colors The color palette used to defaultize series colors
* @returns An object structuring all the series by type.
*/
var formatSeries = function formatSeries(series, colors, dataset) {
// Group series by type
var seriesGroups = {};
series.forEach(function (seriesData, seriesIndex) {
var _seriesGroups$type;
var _seriesData$id = seriesData.id,
id = _seriesData$id === void 0 ? "auto-generated-id-".concat(seriesIndex) : _seriesData$id,
type = seriesData.type;
if (seriesGroups[type] === undefined) {
seriesGroups[type] = {
series: {},
seriesOrder: []
};
}
if (((_seriesGroups$type = seriesGroups[type]) == null ? void 0 : _seriesGroups$type.series[id]) !== undefined) {
throw new Error("MUI-X-Charts: series' id \"".concat(id, "\" is not unique"));
}
seriesGroups[type].series[id] = _extends({
id: id
}, defaultizeColor(seriesData, seriesIndex, colors));
seriesGroups[type].seriesOrder.push(id);
});
var formattedSeries = {};
// Apply formater on a type group
Object.keys(seriesTypeFormatter).forEach(function (type) {
if (seriesGroups[type] !== undefined) {
var _seriesTypeFormatter$, _seriesTypeFormatter$2;
formattedSeries[type] = (_seriesTypeFormatter$ = (_seriesTypeFormatter$2 = seriesTypeFormatter[type]) == null ? void 0 : _seriesTypeFormatter$2.call(seriesTypeFormatter, seriesGroups[type], dataset)) != null ? _seriesTypeFormatter$ : seriesGroups[type];
}
});
return formattedSeries;
};
export function SeriesContextProvider(_ref) {
var series = _ref.series,
dataset = _ref.dataset,
_ref$colors = _ref.colors,
colors = _ref$colors === void 0 ? blueberryTwilightPalette : _ref$colors,
children = _ref.children;
var theme = useTheme();
var formattedSeries = React.useMemo(function () {
return formatSeries(series, typeof colors === 'function' ? colors(theme.palette.mode) : colors, dataset);
}, [series, colors, theme.palette.mode, dataset]);
return /*#__PURE__*/_jsx(SeriesContext.Provider, {
value: formattedSeries,
children: children
});
}