@mui/x-charts 7.12.0 → 7.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/BarChart/BarPlot.js +2 -2
- package/BarChart/extremums.d.ts +1 -1
- package/BarChart/formatter.d.ts +2 -2
- package/BarChart/getColor.d.ts +3 -3
- package/BarChart/getColor.js +4 -3
- package/BarChart/legend.d.ts +1 -1
- package/BarChart/plugin.d.ts +2 -2
- package/CHANGELOG.md +70 -2
- package/ChartContainer/ChartContainer.d.ts +3 -14
- package/ChartContainer/ChartContainer.js +4 -4
- package/ChartContainer/useChartContainerProps.d.ts +6 -5
- package/ChartContainer/useChartContainerProps.js +14 -17
- package/ChartContainer/useDefaultizeAxis.d.ts +1 -1
- package/ChartsTooltip/ChartsAxisTooltipContent.js +2 -2
- package/ChartsTooltip/ChartsItemTooltipContent.js +2 -2
- package/LineChart/extremums.d.ts +1 -1
- package/LineChart/formatter.d.ts +2 -2
- package/LineChart/getColor.d.ts +3 -3
- package/LineChart/getColor.js +4 -3
- package/LineChart/legend.d.ts +1 -1
- package/LineChart/plugin.d.ts +2 -2
- package/PieChart/formatter.d.ts +2 -2
- package/PieChart/getColor.d.ts +3 -2
- package/PieChart/getColor.js +4 -3
- package/PieChart/legend.d.ts +1 -1
- package/PieChart/plugin.d.ts +2 -2
- package/ResponsiveChartContainer/useResponsiveChartContainerProps.d.ts +1 -2
- package/ScatterChart/extremums.d.ts +1 -1
- package/ScatterChart/formatter.d.ts +2 -2
- package/ScatterChart/getColor.d.ts +3 -4
- package/ScatterChart/getColor.js +4 -3
- package/ScatterChart/legend.d.ts +1 -1
- package/ScatterChart/plugin.d.ts +2 -2
- package/context/CartesianProvider/CartesianProvider.d.ts +0 -9
- package/context/CartesianProvider/CartesianProvider.js +4 -2
- package/context/CartesianProvider/computeValue.d.ts +2 -1
- package/context/CartesianProvider/defaultizeAxis.d.ts +1 -1
- package/context/CartesianProvider/getAxisExtremum.d.ts +2 -2
- package/context/PluginProvider/ColorProcessor.types.d.ts +8 -0
- package/context/PluginProvider/ExtremumGetter.types.d.ts +14 -0
- package/context/PluginProvider/ExtremumGetter.types.js +5 -0
- package/context/PluginProvider/Plugin.types.d.ts +25 -0
- package/context/PluginProvider/Plugin.types.js +5 -0
- package/context/PluginProvider/PluginContext.d.ts +4 -0
- package/{hooks/useColor.js → context/PluginProvider/PluginContext.js} +11 -7
- package/context/PluginProvider/PluginProvider.d.ts +4 -0
- package/context/{ColorProvider.js → PluginProvider/PluginProvider.js} +12 -11
- package/context/PluginProvider/SeriesFormatter.types.d.ts +21 -0
- package/context/PluginProvider/SeriesFormatter.types.js +5 -0
- package/context/PluginProvider/index.d.ts +10 -0
- package/context/PluginProvider/index.js +115 -0
- package/context/PluginProvider/mergePlugins.d.ts +36 -0
- package/context/PluginProvider/mergePlugins.js +37 -0
- package/context/PluginProvider/useColorProcessor.d.ts +4 -0
- package/context/PluginProvider/useColorProcessor.js +23 -0
- package/context/PluginProvider/useSeriesFormatter.d.ts +4 -0
- package/context/PluginProvider/useSeriesFormatter.js +23 -0
- package/context/PluginProvider/useXExtremumGetter.d.ts +4 -0
- package/context/PluginProvider/useXExtremumGetter.js +23 -0
- package/context/PluginProvider/useYExtremumGetter.d.ts +4 -0
- package/context/PluginProvider/useYExtremumGetter.js +23 -0
- package/context/SeriesProvider/Series.types.d.ts +4 -10
- package/context/SeriesProvider/SeriesProvider.js +2 -1
- package/context/SeriesProvider/index.d.ts +1 -1
- package/context/SeriesProvider/processSeries.d.ts +2 -1
- package/esm/BarChart/BarPlot.js +1 -2
- package/esm/BarChart/getColor.js +3 -2
- package/esm/ChartContainer/ChartContainer.js +4 -4
- package/esm/ChartContainer/useChartContainerProps.js +12 -17
- package/esm/ChartsTooltip/ChartsAxisTooltipContent.js +1 -1
- package/esm/ChartsTooltip/ChartsItemTooltipContent.js +1 -1
- package/esm/LineChart/getColor.js +3 -2
- package/esm/PieChart/getColor.js +3 -2
- package/esm/ScatterChart/getColor.js +3 -2
- package/esm/context/CartesianProvider/CartesianProvider.js +4 -2
- package/esm/context/PluginProvider/Plugin.types.js +1 -0
- package/esm/context/PluginProvider/PluginContext.js +13 -0
- package/esm/context/PluginProvider/PluginProvider.js +19 -0
- package/esm/context/PluginProvider/SeriesFormatter.types.js +1 -0
- package/esm/context/PluginProvider/index.js +10 -0
- package/esm/context/PluginProvider/mergePlugins.js +30 -0
- package/esm/context/PluginProvider/useColorProcessor.js +15 -0
- package/esm/context/PluginProvider/useSeriesFormatter.js +15 -0
- package/esm/context/PluginProvider/useXExtremumGetter.js +15 -0
- package/esm/context/PluginProvider/useYExtremumGetter.js +15 -0
- package/esm/context/SeriesProvider/SeriesProvider.js +2 -1
- package/esm/internals/index.js +1 -1
- package/esm/models/index.js +0 -1
- package/index.js +1 -1
- package/internals/colorScale.d.ts +1 -1
- package/internals/index.d.ts +1 -1
- package/internals/index.js +12 -12
- package/models/index.d.ts +0 -1
- package/models/index.js +0 -11
- package/models/seriesType/config.d.ts +0 -26
- package/modern/BarChart/BarPlot.js +1 -2
- package/modern/BarChart/getColor.js +3 -2
- package/modern/ChartContainer/ChartContainer.js +4 -4
- package/modern/ChartContainer/useChartContainerProps.js +12 -17
- package/modern/ChartsTooltip/ChartsAxisTooltipContent.js +1 -1
- package/modern/ChartsTooltip/ChartsItemTooltipContent.js +1 -1
- package/modern/LineChart/getColor.js +3 -2
- package/modern/PieChart/getColor.js +3 -2
- package/modern/ScatterChart/getColor.js +3 -2
- package/modern/context/CartesianProvider/CartesianProvider.js +4 -2
- package/modern/context/PluginProvider/ColorProcessor.types.js +1 -0
- package/modern/context/PluginProvider/ExtremumGetter.types.js +1 -0
- package/modern/context/PluginProvider/Plugin.types.js +1 -0
- package/modern/context/PluginProvider/PluginContext.js +13 -0
- package/modern/context/PluginProvider/PluginProvider.js +19 -0
- package/modern/context/PluginProvider/SeriesFormatter.types.js +1 -0
- package/modern/context/PluginProvider/index.js +10 -0
- package/modern/context/PluginProvider/mergePlugins.js +30 -0
- package/modern/context/PluginProvider/useColorProcessor.js +15 -0
- package/modern/context/PluginProvider/useSeriesFormatter.js +15 -0
- package/modern/context/PluginProvider/useXExtremumGetter.js +15 -0
- package/modern/context/PluginProvider/useYExtremumGetter.js +15 -0
- package/modern/context/SeriesProvider/SeriesProvider.js +2 -1
- package/modern/index.js +1 -1
- package/modern/internals/index.js +1 -1
- package/modern/models/index.js +0 -1
- package/package.json +2 -2
- package/ChartContainer/defaultPlugins.d.ts +0 -2
- package/ChartContainer/defaultPlugins.js +0 -11
- package/ChartContainer/useChartContainerHooks.d.ts +0 -11
- package/ChartContainer/useChartContainerHooks.js +0 -34
- package/ChartContainer/usePluginsMerge.d.ts +0 -9
- package/ChartContainer/usePluginsMerge.js +0 -39
- package/context/ColorProvider.d.ts +0 -12
- package/esm/ChartContainer/defaultPlugins.js +0 -5
- package/esm/ChartContainer/useChartContainerHooks.js +0 -24
- package/esm/ChartContainer/usePluginsMerge.js +0 -31
- package/esm/context/ColorProvider.js +0 -16
- package/esm/hooks/useColor.js +0 -9
- package/hooks/useColor.d.ts +0 -4
- package/models/plugin.d.ts +0 -19
- package/modern/ChartContainer/defaultPlugins.js +0 -5
- package/modern/ChartContainer/useChartContainerHooks.js +0 -24
- package/modern/ChartContainer/usePluginsMerge.js +0 -31
- package/modern/context/ColorProvider.js +0 -16
- package/modern/hooks/useColor.js +0 -9
- /package/{models/plugin.js → context/PluginProvider/ColorProcessor.types.js} +0 -0
- /package/esm/{models/plugin.js → context/PluginProvider/ColorProcessor.types.js} +0 -0
- /package/{modern/models/plugin.js → esm/context/PluginProvider/ExtremumGetter.types.js} +0 -0
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import useForkRef from '@mui/utils/useForkRef';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { usePluginsMerge } from './usePluginsMerge';
|
|
4
|
-
import { useReducedMotion } from '../hooks/useReducedMotion';
|
|
5
|
-
export const useChartContainerHooks = (ref, plugins) => {
|
|
6
|
-
const svgRef = React.useRef(null);
|
|
7
|
-
const chartSurfaceRef = useForkRef(ref, svgRef);
|
|
8
|
-
const {
|
|
9
|
-
xExtremumGetters,
|
|
10
|
-
yExtremumGetters,
|
|
11
|
-
seriesFormatters,
|
|
12
|
-
colorProcessors
|
|
13
|
-
} = usePluginsMerge(plugins);
|
|
14
|
-
useReducedMotion(); // a11y reduce motion (see: https://react-spring.dev/docs/utilities/use-reduced-motion)
|
|
15
|
-
|
|
16
|
-
return {
|
|
17
|
-
svgRef,
|
|
18
|
-
chartSurfaceRef,
|
|
19
|
-
xExtremumGetters,
|
|
20
|
-
yExtremumGetters,
|
|
21
|
-
seriesFormatters,
|
|
22
|
-
colorProcessors
|
|
23
|
-
};
|
|
24
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { defaultPlugins } from './defaultPlugins';
|
|
3
|
-
export function usePluginsMerge(plugins) {
|
|
4
|
-
const defaultizedPlugins = plugins ?? defaultPlugins;
|
|
5
|
-
return React.useMemo(() => {
|
|
6
|
-
const seriesFormatters = {};
|
|
7
|
-
const colorProcessors = {};
|
|
8
|
-
const xExtremumGetters = {};
|
|
9
|
-
const yExtremumGetters = {};
|
|
10
|
-
for (let i = 0; i < defaultizedPlugins.length; i += 1) {
|
|
11
|
-
const plugin = defaultizedPlugins[i];
|
|
12
|
-
|
|
13
|
-
// To remove those any we will need to solve this union discrimination issue:
|
|
14
|
-
// https://www.typescriptlang.org/play/?#code/FDAuE8AcFMAIDkCuBbARtATgYQPYDsAzASwHNYBeWAb2FlgGsi8ATALlgHI8V0MOBuWrBwwMAQ1A4M7ABQAPdtzSYAlBQB8sJb0EBfEBBiwAyqAxMSuQqQrUhjFuw4BnMxYFCRmCVNkLYruZ4JGrkmoEWeiAAxviuWqhWxCTsSMrY+Mm2VAxMbLAARNqYBQA0wqI+0rByGrAATLAAVDWw+rF48YFJpOymQZaZNpQ5DvkFEcFlFd6S1bVhsAAG9S0AJFRyukttMXGgsB3JzrYA2niJQyTl3VcAugZQcADylXPOALJikJAW2ULFDAAflSPEwPRIpw4XnEcw4d1KQkmJBBJjcwQhUJhVXhiN0gmAHXi2LmXx+FnYr1mUk+31+wWy+JABCksBkABtoAcjjYcARDldnGoaCA6AB6MWwADqUnoJxw9FgRH5AHc4L9ooroGJogALQ5iZxwPJEABuRGYiDE7PASJVRFAerZPJIADoxsKhHRooa4FwwXxWF66DNYVIyfTIS73Xk7rZoySpIIQyHUBhtfRkyGfUbOMiOEGU3RExgIxZTtGxnHKAm3kng8xoAQxIh2aBC0W0xms-pvftqLkWOUS2141chBLYABJDimuB4HBKxtiWBiVA4RAHXU4FWwSSwTkHAAqxlgiBYmFcYhYAusbrGq5vtepGFX6YPTHo0GYnjrpbp5ZVrYJZ6EAA
|
|
15
|
-
seriesFormatters[plugin.seriesType] = plugin.seriesFormatter;
|
|
16
|
-
colorProcessors[plugin.seriesType] = plugin.colorProcessor;
|
|
17
|
-
if (plugin.xExtremumGetter) {
|
|
18
|
-
xExtremumGetters[plugin.seriesType] = plugin.xExtremumGetter;
|
|
19
|
-
}
|
|
20
|
-
if (plugin.yExtremumGetter) {
|
|
21
|
-
yExtremumGetters[plugin.seriesType] = plugin.yExtremumGetter;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
return {
|
|
25
|
-
seriesFormatters,
|
|
26
|
-
colorProcessors,
|
|
27
|
-
xExtremumGetters,
|
|
28
|
-
yExtremumGetters
|
|
29
|
-
};
|
|
30
|
-
}, [defaultizedPlugins]);
|
|
31
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
export const ColorContext = /*#__PURE__*/React.createContext({});
|
|
4
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
5
|
-
ColorContext.displayName = 'ColorContext';
|
|
6
|
-
}
|
|
7
|
-
export function ColorProvider(props) {
|
|
8
|
-
const {
|
|
9
|
-
colorProcessors,
|
|
10
|
-
children
|
|
11
|
-
} = props;
|
|
12
|
-
return /*#__PURE__*/_jsx(ColorContext.Provider, {
|
|
13
|
-
value: colorProcessors,
|
|
14
|
-
children: children
|
|
15
|
-
});
|
|
16
|
-
}
|
package/modern/hooks/useColor.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ColorContext } from '../context/ColorProvider';
|
|
3
|
-
export function useColorProcessor(seriesType) {
|
|
4
|
-
const colorProcessors = React.useContext(ColorContext);
|
|
5
|
-
if (!seriesType) {
|
|
6
|
-
return colorProcessors;
|
|
7
|
-
}
|
|
8
|
-
return colorProcessors[seriesType];
|
|
9
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|