@mui/x-charts 7.12.0 → 7.13.0
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/BarChart.js +2 -0
- package/BarChart/BarPlot.js +2 -2
- package/BarChart/extremums.d.ts +1 -1
- package/BarChart/extremums.js +5 -3
- 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 +151 -2
- package/ChartContainer/ChartContainer.d.ts +4 -15
- package/ChartContainer/ChartContainer.js +8 -6
- package/ChartContainer/useChartContainerProps.d.ts +10 -7
- package/ChartContainer/useChartContainerProps.js +16 -19
- package/ChartContainer/useDefaultizeAxis.d.ts +2 -1
- package/ChartsTooltip/ChartsAxisTooltipContent.js +2 -2
- package/ChartsTooltip/ChartsItemTooltipContent.js +2 -2
- package/ChartsTooltip/utils.js +4 -2
- package/ChartsXAxis/ChartsXAxis.js +11 -5
- package/ChartsYAxis/ChartsYAxis.js +11 -5
- package/LineChart/AreaPlot.js +11 -1
- package/LineChart/LineChart.js +2 -0
- package/LineChart/extremums.d.ts +1 -1
- package/LineChart/extremums.js +4 -15
- 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/PieChart.js +2 -0
- 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/ResponsiveChartContainer.js +2 -0
- package/ResponsiveChartContainer/useResponsiveChartContainerProps.d.ts +1 -2
- package/ScatterChart/ScatterChart.js +2 -0
- package/ScatterChart/extremums.d.ts +1 -1
- package/ScatterChart/extremums.js +6 -14
- 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/SparkLineChart/SparkLineChart.js +2 -0
- package/context/CartesianProvider/CartesianProvider.d.ts +3 -12
- package/context/CartesianProvider/CartesianProvider.js +6 -4
- package/context/CartesianProvider/computeValue.d.ts +2 -1
- package/context/CartesianProvider/defaultizeAxis.d.ts +2 -1
- package/context/CartesianProvider/getAxisExtremum.d.ts +2 -2
- package/context/CartesianProvider/getAxisExtremum.js +3 -10
- 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/BarChart.js +2 -0
- package/esm/BarChart/BarPlot.js +1 -2
- package/esm/BarChart/extremums.js +5 -3
- package/esm/BarChart/getColor.js +3 -2
- package/esm/ChartContainer/ChartContainer.js +9 -7
- package/esm/ChartContainer/useChartContainerProps.js +14 -19
- package/esm/ChartsTooltip/ChartsAxisTooltipContent.js +1 -1
- package/esm/ChartsTooltip/ChartsItemTooltipContent.js +1 -1
- package/esm/ChartsTooltip/utils.js +4 -2
- package/esm/ChartsXAxis/ChartsXAxis.js +11 -5
- package/esm/ChartsYAxis/ChartsYAxis.js +11 -5
- package/esm/LineChart/AreaPlot.js +11 -1
- package/esm/LineChart/LineChart.js +2 -0
- package/esm/LineChart/extremums.js +4 -15
- package/esm/LineChart/getColor.js +3 -2
- package/esm/PieChart/PieChart.js +2 -0
- package/esm/PieChart/getColor.js +3 -2
- package/esm/ResponsiveChartContainer/ResponsiveChartContainer.js +2 -0
- package/esm/ScatterChart/ScatterChart.js +2 -0
- package/esm/ScatterChart/extremums.js +6 -14
- package/esm/ScatterChart/getColor.js +3 -2
- package/esm/SparkLineChart/SparkLineChart.js +2 -0
- package/esm/context/CartesianProvider/CartesianProvider.js +6 -4
- package/esm/context/CartesianProvider/getAxisExtremum.js +3 -10
- 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/hooks/useTicks.js +5 -2
- package/esm/internals/index.js +1 -1
- package/esm/internals/isInfinity.js +3 -0
- package/esm/models/index.js +0 -1
- package/hooks/useTicks.js +5 -2
- package/index.js +1 -1
- package/internals/colorScale.d.ts +1 -1
- package/internals/defaultizeColor.d.ts +1 -0
- package/internals/index.d.ts +1 -1
- package/internals/index.js +12 -12
- package/internals/isInfinity.d.ts +1 -0
- package/internals/isInfinity.js +9 -0
- package/models/axis.d.ts +2 -0
- package/models/index.d.ts +0 -1
- package/models/index.js +0 -11
- package/models/seriesType/config.d.ts +0 -26
- package/models/seriesType/line.d.ts +10 -0
- package/modern/BarChart/BarChart.js +2 -0
- package/modern/BarChart/BarPlot.js +1 -2
- package/modern/BarChart/extremums.js +5 -3
- package/modern/BarChart/getColor.js +3 -2
- package/modern/ChartContainer/ChartContainer.js +9 -7
- package/modern/ChartContainer/useChartContainerProps.js +14 -19
- package/modern/ChartsTooltip/ChartsAxisTooltipContent.js +1 -1
- package/modern/ChartsTooltip/ChartsItemTooltipContent.js +1 -1
- package/modern/ChartsTooltip/utils.js +4 -2
- package/modern/ChartsXAxis/ChartsXAxis.js +11 -5
- package/modern/ChartsYAxis/ChartsYAxis.js +11 -5
- package/modern/LineChart/AreaPlot.js +11 -1
- package/modern/LineChart/LineChart.js +2 -0
- package/modern/LineChart/extremums.js +4 -15
- package/modern/LineChart/getColor.js +3 -2
- package/modern/PieChart/PieChart.js +2 -0
- package/modern/PieChart/getColor.js +3 -2
- package/modern/ResponsiveChartContainer/ResponsiveChartContainer.js +2 -0
- package/modern/ScatterChart/ScatterChart.js +2 -0
- package/modern/ScatterChart/extremums.js +6 -14
- package/modern/ScatterChart/getColor.js +3 -2
- package/modern/SparkLineChart/SparkLineChart.js +2 -0
- package/modern/context/CartesianProvider/CartesianProvider.js +6 -4
- package/modern/context/CartesianProvider/getAxisExtremum.js +3 -10
- 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/hooks/useTicks.js +5 -2
- package/modern/index.js +1 -1
- package/modern/internals/index.js +1 -1
- package/modern/internals/isInfinity.js +3 -0
- 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,9 +0,0 @@
|
|
|
1
|
-
import { ChartsPluginType, ColorProcessorsConfig, ExtremumGettersConfig } from '../models';
|
|
2
|
-
import { ChartSeriesType } from '../models/seriesType/config';
|
|
3
|
-
import { SeriesFormatterConfig } from '../context/SeriesProvider';
|
|
4
|
-
export declare function usePluginsMerge<T extends ChartSeriesType>(plugins?: ChartsPluginType<T>[]): {
|
|
5
|
-
seriesFormatters: SeriesFormatterConfig<keyof import("../models/seriesType/config").ChartsSeriesConfig>;
|
|
6
|
-
colorProcessors: ColorProcessorsConfig<keyof import("../models/seriesType/config").ChartsSeriesConfig>;
|
|
7
|
-
xExtremumGetters: ExtremumGettersConfig<keyof import("../models/seriesType/config").ChartsSeriesConfig>;
|
|
8
|
-
yExtremumGetters: ExtremumGettersConfig<keyof import("../models/seriesType/config").ChartsSeriesConfig>;
|
|
9
|
-
};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.usePluginsMerge = usePluginsMerge;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _defaultPlugins = require("./defaultPlugins");
|
|
9
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
-
function usePluginsMerge(plugins) {
|
|
12
|
-
const defaultizedPlugins = plugins ?? _defaultPlugins.defaultPlugins;
|
|
13
|
-
return React.useMemo(() => {
|
|
14
|
-
const seriesFormatters = {};
|
|
15
|
-
const colorProcessors = {};
|
|
16
|
-
const xExtremumGetters = {};
|
|
17
|
-
const yExtremumGetters = {};
|
|
18
|
-
for (let i = 0; i < defaultizedPlugins.length; i += 1) {
|
|
19
|
-
const plugin = defaultizedPlugins[i];
|
|
20
|
-
|
|
21
|
-
// To remove those any we will need to solve this union discrimination issue:
|
|
22
|
-
// https://www.typescriptlang.org/play/?#code/FDAuE8AcFMAIDkCuBbARtATgYQPYDsAzASwHNYBeWAb2FlgGsi8ATALlgHI8V0MOBuWrBwwMAQ1A4M7ABQAPdtzSYAlBQB8sJb0EBfEBBiwAyqAxMSuQqQrUhjFuw4BnMxYFCRmCVNkLYruZ4JGrkmoEWeiAAxviuWqhWxCTsSMrY+Mm2VAxMbLAARNqYBQA0wqI+0rByGrAATLAAVDWw+rF48YFJpOymQZaZNpQ5DvkFEcFlFd6S1bVhsAAG9S0AJFRyukttMXGgsB3JzrYA2niJQyTl3VcAugZQcADylXPOALJikJAW2ULFDAAflSPEwPRIpw4XnEcw4d1KQkmJBBJjcwQhUJhVXhiN0gmAHXi2LmXx+FnYr1mUk+31+wWy+JABCksBkABtoAcjjYcARDldnGoaCA6AB6MWwADqUnoJxw9FgRH5AHc4L9ooroGJogALQ5iZxwPJEABuRGYiDE7PASJVRFAerZPJIADoxsKhHRooa4FwwXxWF66DNYVIyfTIS73Xk7rZoySpIIQyHUBhtfRkyGfUbOMiOEGU3RExgIxZTtGxnHKAm3kng8xoAQxIh2aBC0W0xms-pvftqLkWOUS2141chBLYABJDimuB4HBKxtiWBiVA4RAHXU4FWwSSwTkHAAqxlgiBYmFcYhYAusbrGq5vtepGFX6YPTHo0GYnjrpbp5ZVrYJZ6EAA
|
|
23
|
-
seriesFormatters[plugin.seriesType] = plugin.seriesFormatter;
|
|
24
|
-
colorProcessors[plugin.seriesType] = plugin.colorProcessor;
|
|
25
|
-
if (plugin.xExtremumGetter) {
|
|
26
|
-
xExtremumGetters[plugin.seriesType] = plugin.xExtremumGetter;
|
|
27
|
-
}
|
|
28
|
-
if (plugin.yExtremumGetter) {
|
|
29
|
-
yExtremumGetters[plugin.seriesType] = plugin.yExtremumGetter;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
return {
|
|
33
|
-
seriesFormatters,
|
|
34
|
-
colorProcessors,
|
|
35
|
-
xExtremumGetters,
|
|
36
|
-
yExtremumGetters
|
|
37
|
-
};
|
|
38
|
-
}, [defaultizedPlugins]);
|
|
39
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ColorProcessorsConfig } from '../models';
|
|
3
|
-
import { ChartSeriesType } from '../models/seriesType/config';
|
|
4
|
-
export interface ColorProviderProps {
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
/**
|
|
7
|
-
* A mapping defining for each series type how to get item colors.
|
|
8
|
-
*/
|
|
9
|
-
colorProcessors: ColorProcessorsConfig<ChartSeriesType>;
|
|
10
|
-
}
|
|
11
|
-
export declare const ColorContext: React.Context<ColorProcessorsConfig<keyof import("../models/seriesType/config").ChartsSeriesConfig>>;
|
|
12
|
-
export declare function ColorProvider(props: ColorProviderProps): React.JSX.Element;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { plugin as barPlugin } from '../BarChart/plugin';
|
|
2
|
-
import { plugin as scatterPlugin } from '../ScatterChart/plugin';
|
|
3
|
-
import { plugin as linePlugin } from '../LineChart/plugin';
|
|
4
|
-
import { plugin as piePlugin } from '../PieChart/plugin';
|
|
5
|
-
export const defaultPlugins = [barPlugin, scatterPlugin, linePlugin, piePlugin];
|
|
@@ -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/esm/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
|
-
}
|
package/hooks/useColor.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { ChartSeriesType } from '../models/seriesType/config';
|
|
2
|
-
import { ColorProcessorsConfig } from '../models/plugin';
|
|
3
|
-
export declare function useColorProcessor<T extends ChartSeriesType>(seriesType: T): ColorProcessorsConfig<ChartSeriesType>;
|
|
4
|
-
export declare function useColorProcessor(): ColorProcessorsConfig<ChartSeriesType>;
|
package/models/plugin.d.ts
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { CartesianChartSeriesType, ChartSeriesType, ExtremumGetter, Formatter } from './seriesType/config';
|
|
2
|
-
import { AxisDefaultized } from './axis';
|
|
3
|
-
import { DefaultizedSeriesType } from './seriesType';
|
|
4
|
-
import { ZAxisDefaultized } from './z-axis';
|
|
5
|
-
type ColorProcessor<T extends ChartSeriesType> = (series: DefaultizedSeriesType<T>, xAxis?: AxisDefaultized, yAxis?: AxisDefaultized, zAxis?: ZAxisDefaultized) => (dataIndex: number) => string;
|
|
6
|
-
export type ColorProcessorsConfig<T extends ChartSeriesType> = {
|
|
7
|
-
[Key in T]?: ColorProcessor<Key>;
|
|
8
|
-
};
|
|
9
|
-
export type ChartsPluginType<T> = T extends ChartSeriesType ? {
|
|
10
|
-
seriesType: T;
|
|
11
|
-
seriesFormatter: Formatter<T>;
|
|
12
|
-
colorProcessor: ColorProcessor<T>;
|
|
13
|
-
xExtremumGetter?: ExtremumGetter<T>;
|
|
14
|
-
yExtremumGetter?: ExtremumGetter<T>;
|
|
15
|
-
} : never;
|
|
16
|
-
export type ExtremumGettersConfig<T extends ChartSeriesType = CartesianChartSeriesType> = {
|
|
17
|
-
[K in T]?: ExtremumGetter<K>;
|
|
18
|
-
};
|
|
19
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { plugin as barPlugin } from '../BarChart/plugin';
|
|
2
|
-
import { plugin as scatterPlugin } from '../ScatterChart/plugin';
|
|
3
|
-
import { plugin as linePlugin } from '../LineChart/plugin';
|
|
4
|
-
import { plugin as piePlugin } from '../PieChart/plugin';
|
|
5
|
-
export const defaultPlugins = [barPlugin, scatterPlugin, linePlugin, piePlugin];
|
|
@@ -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
|