@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.
Files changed (144) hide show
  1. package/BarChart/BarPlot.js +2 -2
  2. package/BarChart/extremums.d.ts +1 -1
  3. package/BarChart/formatter.d.ts +2 -2
  4. package/BarChart/getColor.d.ts +3 -3
  5. package/BarChart/getColor.js +4 -3
  6. package/BarChart/legend.d.ts +1 -1
  7. package/BarChart/plugin.d.ts +2 -2
  8. package/CHANGELOG.md +70 -2
  9. package/ChartContainer/ChartContainer.d.ts +3 -14
  10. package/ChartContainer/ChartContainer.js +4 -4
  11. package/ChartContainer/useChartContainerProps.d.ts +6 -5
  12. package/ChartContainer/useChartContainerProps.js +14 -17
  13. package/ChartContainer/useDefaultizeAxis.d.ts +1 -1
  14. package/ChartsTooltip/ChartsAxisTooltipContent.js +2 -2
  15. package/ChartsTooltip/ChartsItemTooltipContent.js +2 -2
  16. package/LineChart/extremums.d.ts +1 -1
  17. package/LineChart/formatter.d.ts +2 -2
  18. package/LineChart/getColor.d.ts +3 -3
  19. package/LineChart/getColor.js +4 -3
  20. package/LineChart/legend.d.ts +1 -1
  21. package/LineChart/plugin.d.ts +2 -2
  22. package/PieChart/formatter.d.ts +2 -2
  23. package/PieChart/getColor.d.ts +3 -2
  24. package/PieChart/getColor.js +4 -3
  25. package/PieChart/legend.d.ts +1 -1
  26. package/PieChart/plugin.d.ts +2 -2
  27. package/ResponsiveChartContainer/useResponsiveChartContainerProps.d.ts +1 -2
  28. package/ScatterChart/extremums.d.ts +1 -1
  29. package/ScatterChart/formatter.d.ts +2 -2
  30. package/ScatterChart/getColor.d.ts +3 -4
  31. package/ScatterChart/getColor.js +4 -3
  32. package/ScatterChart/legend.d.ts +1 -1
  33. package/ScatterChart/plugin.d.ts +2 -2
  34. package/context/CartesianProvider/CartesianProvider.d.ts +0 -9
  35. package/context/CartesianProvider/CartesianProvider.js +4 -2
  36. package/context/CartesianProvider/computeValue.d.ts +2 -1
  37. package/context/CartesianProvider/defaultizeAxis.d.ts +1 -1
  38. package/context/CartesianProvider/getAxisExtremum.d.ts +2 -2
  39. package/context/PluginProvider/ColorProcessor.types.d.ts +8 -0
  40. package/context/PluginProvider/ExtremumGetter.types.d.ts +14 -0
  41. package/context/PluginProvider/ExtremumGetter.types.js +5 -0
  42. package/context/PluginProvider/Plugin.types.d.ts +25 -0
  43. package/context/PluginProvider/Plugin.types.js +5 -0
  44. package/context/PluginProvider/PluginContext.d.ts +4 -0
  45. package/{hooks/useColor.js → context/PluginProvider/PluginContext.js} +11 -7
  46. package/context/PluginProvider/PluginProvider.d.ts +4 -0
  47. package/context/{ColorProvider.js → PluginProvider/PluginProvider.js} +12 -11
  48. package/context/PluginProvider/SeriesFormatter.types.d.ts +21 -0
  49. package/context/PluginProvider/SeriesFormatter.types.js +5 -0
  50. package/context/PluginProvider/index.d.ts +10 -0
  51. package/context/PluginProvider/index.js +115 -0
  52. package/context/PluginProvider/mergePlugins.d.ts +36 -0
  53. package/context/PluginProvider/mergePlugins.js +37 -0
  54. package/context/PluginProvider/useColorProcessor.d.ts +4 -0
  55. package/context/PluginProvider/useColorProcessor.js +23 -0
  56. package/context/PluginProvider/useSeriesFormatter.d.ts +4 -0
  57. package/context/PluginProvider/useSeriesFormatter.js +23 -0
  58. package/context/PluginProvider/useXExtremumGetter.d.ts +4 -0
  59. package/context/PluginProvider/useXExtremumGetter.js +23 -0
  60. package/context/PluginProvider/useYExtremumGetter.d.ts +4 -0
  61. package/context/PluginProvider/useYExtremumGetter.js +23 -0
  62. package/context/SeriesProvider/Series.types.d.ts +4 -10
  63. package/context/SeriesProvider/SeriesProvider.js +2 -1
  64. package/context/SeriesProvider/index.d.ts +1 -1
  65. package/context/SeriesProvider/processSeries.d.ts +2 -1
  66. package/esm/BarChart/BarPlot.js +1 -2
  67. package/esm/BarChart/getColor.js +3 -2
  68. package/esm/ChartContainer/ChartContainer.js +4 -4
  69. package/esm/ChartContainer/useChartContainerProps.js +12 -17
  70. package/esm/ChartsTooltip/ChartsAxisTooltipContent.js +1 -1
  71. package/esm/ChartsTooltip/ChartsItemTooltipContent.js +1 -1
  72. package/esm/LineChart/getColor.js +3 -2
  73. package/esm/PieChart/getColor.js +3 -2
  74. package/esm/ScatterChart/getColor.js +3 -2
  75. package/esm/context/CartesianProvider/CartesianProvider.js +4 -2
  76. package/esm/context/PluginProvider/Plugin.types.js +1 -0
  77. package/esm/context/PluginProvider/PluginContext.js +13 -0
  78. package/esm/context/PluginProvider/PluginProvider.js +19 -0
  79. package/esm/context/PluginProvider/SeriesFormatter.types.js +1 -0
  80. package/esm/context/PluginProvider/index.js +10 -0
  81. package/esm/context/PluginProvider/mergePlugins.js +30 -0
  82. package/esm/context/PluginProvider/useColorProcessor.js +15 -0
  83. package/esm/context/PluginProvider/useSeriesFormatter.js +15 -0
  84. package/esm/context/PluginProvider/useXExtremumGetter.js +15 -0
  85. package/esm/context/PluginProvider/useYExtremumGetter.js +15 -0
  86. package/esm/context/SeriesProvider/SeriesProvider.js +2 -1
  87. package/esm/internals/index.js +1 -1
  88. package/esm/models/index.js +0 -1
  89. package/index.js +1 -1
  90. package/internals/colorScale.d.ts +1 -1
  91. package/internals/index.d.ts +1 -1
  92. package/internals/index.js +12 -12
  93. package/models/index.d.ts +0 -1
  94. package/models/index.js +0 -11
  95. package/models/seriesType/config.d.ts +0 -26
  96. package/modern/BarChart/BarPlot.js +1 -2
  97. package/modern/BarChart/getColor.js +3 -2
  98. package/modern/ChartContainer/ChartContainer.js +4 -4
  99. package/modern/ChartContainer/useChartContainerProps.js +12 -17
  100. package/modern/ChartsTooltip/ChartsAxisTooltipContent.js +1 -1
  101. package/modern/ChartsTooltip/ChartsItemTooltipContent.js +1 -1
  102. package/modern/LineChart/getColor.js +3 -2
  103. package/modern/PieChart/getColor.js +3 -2
  104. package/modern/ScatterChart/getColor.js +3 -2
  105. package/modern/context/CartesianProvider/CartesianProvider.js +4 -2
  106. package/modern/context/PluginProvider/ColorProcessor.types.js +1 -0
  107. package/modern/context/PluginProvider/ExtremumGetter.types.js +1 -0
  108. package/modern/context/PluginProvider/Plugin.types.js +1 -0
  109. package/modern/context/PluginProvider/PluginContext.js +13 -0
  110. package/modern/context/PluginProvider/PluginProvider.js +19 -0
  111. package/modern/context/PluginProvider/SeriesFormatter.types.js +1 -0
  112. package/modern/context/PluginProvider/index.js +10 -0
  113. package/modern/context/PluginProvider/mergePlugins.js +30 -0
  114. package/modern/context/PluginProvider/useColorProcessor.js +15 -0
  115. package/modern/context/PluginProvider/useSeriesFormatter.js +15 -0
  116. package/modern/context/PluginProvider/useXExtremumGetter.js +15 -0
  117. package/modern/context/PluginProvider/useYExtremumGetter.js +15 -0
  118. package/modern/context/SeriesProvider/SeriesProvider.js +2 -1
  119. package/modern/index.js +1 -1
  120. package/modern/internals/index.js +1 -1
  121. package/modern/models/index.js +0 -1
  122. package/package.json +2 -2
  123. package/ChartContainer/defaultPlugins.d.ts +0 -2
  124. package/ChartContainer/defaultPlugins.js +0 -11
  125. package/ChartContainer/useChartContainerHooks.d.ts +0 -11
  126. package/ChartContainer/useChartContainerHooks.js +0 -34
  127. package/ChartContainer/usePluginsMerge.d.ts +0 -9
  128. package/ChartContainer/usePluginsMerge.js +0 -39
  129. package/context/ColorProvider.d.ts +0 -12
  130. package/esm/ChartContainer/defaultPlugins.js +0 -5
  131. package/esm/ChartContainer/useChartContainerHooks.js +0 -24
  132. package/esm/ChartContainer/usePluginsMerge.js +0 -31
  133. package/esm/context/ColorProvider.js +0 -16
  134. package/esm/hooks/useColor.js +0 -9
  135. package/hooks/useColor.d.ts +0 -4
  136. package/models/plugin.d.ts +0 -19
  137. package/modern/ChartContainer/defaultPlugins.js +0 -5
  138. package/modern/ChartContainer/useChartContainerHooks.js +0 -24
  139. package/modern/ChartContainer/usePluginsMerge.js +0 -31
  140. package/modern/context/ColorProvider.js +0 -16
  141. package/modern/hooks/useColor.js +0 -9
  142. /package/{models/plugin.js → context/PluginProvider/ColorProcessor.types.js} +0 -0
  143. /package/esm/{models/plugin.js → context/PluginProvider/ColorProcessor.types.js} +0 -0
  144. /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
- }
@@ -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
- }