@mui/x-charts 8.5.2 → 8.5.3

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 (90) hide show
  1. package/CHANGELOG.md +96 -11
  2. package/ChartsLegend/ChartsLegend.d.ts +1 -0
  3. package/ChartsLegend/ChartsLegend.js +1 -0
  4. package/ChartsLegend/ContinuousColorLegend.d.ts +1 -0
  5. package/ChartsLegend/PiecewiseColorLegend.d.ts +1 -0
  6. package/ChartsLegend/chartsLegendClasses.d.ts +3 -1
  7. package/ChartsLegend/chartsLegendClasses.js +2 -1
  8. package/ChartsSurface/ChartsSurface.d.ts +1 -1
  9. package/ScatterChart/Scatter.d.ts +2 -0
  10. package/ScatterChart/Scatter.js +9 -1
  11. package/ScatterChart/index.d.ts +3 -1
  12. package/ScatterChart/index.js +16 -1
  13. package/ScatterChart/scatterClasses.d.ts +8 -0
  14. package/ScatterChart/scatterClasses.js +22 -0
  15. package/esm/ChartsLegend/ChartsLegend.d.ts +1 -0
  16. package/esm/ChartsLegend/ChartsLegend.js +1 -0
  17. package/esm/ChartsLegend/ContinuousColorLegend.d.ts +1 -0
  18. package/esm/ChartsLegend/PiecewiseColorLegend.d.ts +1 -0
  19. package/esm/ChartsLegend/chartsLegendClasses.d.ts +3 -1
  20. package/esm/ChartsLegend/chartsLegendClasses.js +2 -1
  21. package/esm/ChartsSurface/ChartsSurface.d.ts +1 -1
  22. package/esm/ScatterChart/Scatter.d.ts +2 -0
  23. package/esm/ScatterChart/Scatter.js +9 -1
  24. package/esm/ScatterChart/index.d.ts +3 -1
  25. package/esm/ScatterChart/index.js +2 -1
  26. package/esm/ScatterChart/scatterClasses.d.ts +8 -0
  27. package/esm/ScatterChart/scatterClasses.js +13 -0
  28. package/esm/hooks/useItemHighlighted.js +2 -2
  29. package/esm/index.js +1 -1
  30. package/esm/internals/createSeriesSelectorOfType.js +2 -2
  31. package/esm/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.d.ts +3 -29
  32. package/esm/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.js +1 -1
  33. package/esm/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.d.ts +14 -724
  34. package/esm/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.js +10 -10
  35. package/esm/internals/plugins/corePlugins/useChartId/useChartId.selectors.d.ts +3 -29
  36. package/esm/internals/plugins/corePlugins/useChartId/useChartId.selectors.js +1 -1
  37. package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts +6 -54
  38. package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.js +2 -2
  39. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisSize.selectors.d.ts +12 -208
  40. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisLayout.selectors.d.ts +7 -66
  41. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisLayout.selectors.js +2 -3
  42. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.ts +21 -6222
  43. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.js +4 -6
  44. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianInteraction.selectors.d.ts +50 -5
  45. package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.d.ts +18 -622
  46. package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js +3 -3
  47. package/esm/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.d.ts +18 -230
  48. package/esm/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.js +6 -6
  49. package/esm/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.d.ts +17 -2012
  50. package/esm/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.js +2 -2
  51. package/esm/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.d.ts +39 -4
  52. package/esm/internals/plugins/featurePlugins/useChartVoronoi/useChartVoronoi.selectors.d.ts +3 -27
  53. package/esm/internals/plugins/featurePlugins/useChartVoronoi/useChartVoronoi.selectors.js +1 -1
  54. package/esm/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.selectors.d.ts +5 -40
  55. package/esm/internals/plugins/utils/selectors.d.ts +18 -6
  56. package/esm/internals/plugins/utils/selectors.js +3 -3
  57. package/esm/internals/store/useSelector.d.ts +2 -2
  58. package/esm/internals/store/useSelector.js +2 -2
  59. package/hooks/useItemHighlighted.js +2 -2
  60. package/index.js +1 -1
  61. package/internals/createSeriesSelectorOfType.js +2 -2
  62. package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.d.ts +3 -29
  63. package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.js +1 -1
  64. package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.d.ts +14 -724
  65. package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.js +11 -10
  66. package/internals/plugins/corePlugins/useChartId/useChartId.selectors.d.ts +3 -29
  67. package/internals/plugins/corePlugins/useChartId/useChartId.selectors.js +1 -1
  68. package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts +6 -54
  69. package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.js +2 -2
  70. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisSize.selectors.d.ts +12 -208
  71. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisLayout.selectors.d.ts +7 -66
  72. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisLayout.selectors.js +4 -3
  73. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.ts +21 -6222
  74. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.js +4 -6
  75. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianInteraction.selectors.d.ts +50 -5
  76. package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.d.ts +18 -622
  77. package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js +3 -3
  78. package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.d.ts +18 -230
  79. package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.js +6 -6
  80. package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.d.ts +17 -2012
  81. package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.js +2 -2
  82. package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.d.ts +39 -4
  83. package/internals/plugins/featurePlugins/useChartVoronoi/useChartVoronoi.selectors.d.ts +3 -27
  84. package/internals/plugins/featurePlugins/useChartVoronoi/useChartVoronoi.selectors.js +1 -1
  85. package/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.selectors.d.ts +5 -40
  86. package/internals/plugins/utils/selectors.d.ts +18 -6
  87. package/internals/plugins/utils/selectors.js +3 -3
  88. package/internals/store/useSelector.d.ts +2 -2
  89. package/internals/store/useSelector.js +2 -2
  90. package/package.json +3 -3
@@ -1,29 +1,5 @@
1
- import { ChartRootSelector } from "../../utils/selectors.js";
2
- import { UseChartVoronoiSignature } from "./useChartVoronoi.types.js";
3
- export declare const selectorChartsVoronoiIsVoronoiEnabled: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("./useChartVoronoi.types.js").UseChartVoronoiState & Partial<{}> & {
1
+ export declare const selectorChartsVoronoiIsVoronoiEnabled: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("./useChartVoronoi.types.js").UseChartVoronoiState & Partial<{}> & {
4
2
  cacheKey: import("../../models/index.js").ChartStateCacheKey;
5
- }) => boolean | undefined) & {
6
- clearCache: () => void;
7
- resultsCount: () => number;
8
- resetResultsCount: () => void;
9
3
  } & {
10
- resultFunc: (resultFuncArgs_0: {
11
- isVoronoiEnabled?: boolean;
12
- }) => boolean | undefined;
13
- memoizedResultFunc: ((resultFuncArgs_0: {
14
- isVoronoiEnabled?: boolean;
15
- }) => boolean | undefined) & {
16
- clearCache: () => void;
17
- resultsCount: () => number;
18
- resetResultsCount: () => void;
19
- };
20
- lastResult: () => boolean | undefined;
21
- dependencies: [ChartRootSelector<UseChartVoronoiSignature>];
22
- recomputations: () => number;
23
- resetRecomputations: () => void;
24
- dependencyRecomputations: () => number;
25
- resetDependencyRecomputations: () => void;
26
- } & {
27
- memoize: typeof import("reselect").weakMapMemoize;
28
- argsMemoize: typeof import("reselect").weakMapMemoize;
29
- };
4
+ cacheKey: import("../../models/index.js").ChartStateCacheKey;
5
+ }, boolean | undefined, any[]>;
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.selectorChartsVoronoiIsVoronoiEnabled = void 0;
7
7
  var _selectors = require("../../utils/selectors");
8
8
  const selectVoronoi = state => state.voronoi;
9
- const selectorChartsVoronoiIsVoronoiEnabled = exports.selectorChartsVoronoiIsVoronoiEnabled = (0, _selectors.createSelector)(selectVoronoi, voronoi => voronoi?.isVoronoiEnabled);
9
+ const selectorChartsVoronoiIsVoronoiEnabled = exports.selectorChartsVoronoiIsVoronoiEnabled = (0, _selectors.createSelector)([selectVoronoi], voronoi => voronoi?.isVoronoiEnabled);
@@ -1,45 +1,10 @@
1
- import { ChartState } from "../../models/chart.js";
2
- import { UseChartZAxisSignature } from "./useChartZAxis.types.js";
3
- export declare const selectorChartZAxis: ((state: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("./useChartZAxis.types.js").UseChartZAxisState & Partial<{}> & {
1
+ export declare const selectorChartZAxis: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("./useChartZAxis.types.js").UseChartZAxisState & Partial<{}> & {
4
2
  cacheKey: import("../../models/index.js").ChartStateCacheKey;
5
- }) => {
3
+ } & {
4
+ cacheKey: import("../../models/index.js").ChartStateCacheKey;
5
+ }, {
6
6
  axis: {
7
7
  [axisId: string]: import("../../../index.js").ZAxisDefaultized;
8
8
  };
9
9
  axisIds: import("../../../index.js").AxisId[];
10
- }) & {
11
- clearCache: () => void;
12
- resultsCount: () => number;
13
- resetResultsCount: () => void;
14
- } & {
15
- resultFunc: (resultFuncArgs_0: ChartState<[UseChartZAxisSignature]>) => {
16
- axis: {
17
- [axisId: string]: import("../../../index.js").ZAxisDefaultized;
18
- };
19
- axisIds: import("../../../index.js").AxisId[];
20
- };
21
- memoizedResultFunc: ((resultFuncArgs_0: ChartState<[UseChartZAxisSignature]>) => {
22
- axis: {
23
- [axisId: string]: import("../../../index.js").ZAxisDefaultized;
24
- };
25
- axisIds: import("../../../index.js").AxisId[];
26
- }) & {
27
- clearCache: () => void;
28
- resultsCount: () => number;
29
- resetResultsCount: () => void;
30
- };
31
- lastResult: () => {
32
- axis: {
33
- [axisId: string]: import("../../../index.js").ZAxisDefaultized;
34
- };
35
- axisIds: import("../../../index.js").AxisId[];
36
- };
37
- dependencies: [(state: ChartState<[UseChartZAxisSignature]>) => ChartState<[UseChartZAxisSignature]>];
38
- recomputations: () => number;
39
- resetRecomputations: () => void;
40
- dependencyRecomputations: () => number;
41
- resetDependencyRecomputations: () => void;
42
- } & {
43
- memoize: typeof import("reselect").weakMapMemoize;
44
- argsMemoize: typeof import("reselect").weakMapMemoize;
45
- };
10
+ }, []>;
@@ -1,10 +1,22 @@
1
- import { CreateSelectorFunction } from 'reselect';
2
- import { ChartAnyPluginSignature, ChartState } from "../models/index.js";
3
- export type ChartRootSelector<TSignature extends ChartAnyPluginSignature> = <TSignatures extends [TSignature]>(state: ChartState<TSignatures>) => TSignature['state'][keyof TSignature['state']];
4
- export type ChartOptionalRootSelector<TSignature extends ChartAnyPluginSignature> = <TSignatures extends [TSignature]>(state: ChartState<[], TSignatures>) => TSignature['state'][keyof TSignature['state']] | undefined;
5
- export type ChartsSelector<TState, TArgs, TResult> = (state: TState, args: TArgs) => TResult;
1
+ import { SelectorArray, Combiner, Selector, GetStateFromSelectors, GetParamsFromSelectors, CreateSelectorOptions } from 'reselect';
2
+ import { ChartAnyPluginSignature, ChartState, ChartStateCacheKey } from "../models/index.js";
3
+ export type ChartRootSelector<TSignature extends ChartAnyPluginSignature> = Selector<ChartState<[TSignature]>, TSignature['state'][keyof TSignature['state']]>;
4
+ export type ChartOptionalRootSelector<TSignature extends ChartAnyPluginSignature> = Selector<ChartState<[], [TSignature]>, TSignature['state'][keyof TSignature['state']] | undefined>;
5
+ export type ChartsSelector<Signatures extends readonly ChartAnyPluginSignature[] = [], OptionalSignatures extends readonly ChartAnyPluginSignature[] = [], Result = unknown, Args extends readonly any[] = []> = Selector<ChartState<Signatures, OptionalSignatures>, Result, Args>;
6
+ type InterruptRecursion = NonNullable<unknown>;
7
+ type AnyFunction = (...args: any[]) => any;
8
+ export type Simplify<T> = T extends AnyFunction ? T : { [KeyType in keyof T]: T[KeyType] } & NonNullable<unknown>;
6
9
  /**
7
10
  * Method wrapping reselect's createSelector to provide caching for chart instances.
8
11
  *
9
12
  */
10
- export declare const createSelector: CreateSelectorFunction;
13
+ export declare const createSelector: <InputSelectors extends SelectorArray<any>, Result>(...createSelectorArgs: [inputSelectors: [...InputSelectors], combiner: Combiner<InputSelectors, Result>, createSelectorOptions?: Simplify<CreateSelectorOptions<any,
14
+ // MemoizeFunction,
15
+ any,
16
+ // ArgsMemoizeFunction,
17
+ any,
18
+ // OverrideMemoizeFunction,
19
+ any>>]) => Selector<GetStateFromSelectors<InputSelectors> & {
20
+ cacheKey: ChartStateCacheKey;
21
+ }, Result, GetParamsFromSelectors<InputSelectors> & InterruptRecursion>;
22
+ export {};
@@ -18,7 +18,7 @@ const cache = new WeakMap();
18
18
  *
19
19
  */
20
20
  const createSelector = (...createSelectorArgs) => {
21
- const selector = (state, selectorArgs) => {
21
+ const selector = (state, ...selectorArgs) => {
22
22
  const cacheKey = state.cacheKey;
23
23
 
24
24
  // If there is no cache for the current chart instance, create one.
@@ -31,13 +31,13 @@ const createSelector = (...createSelectorArgs) => {
31
31
  // If there is a cached selector, execute it.
32
32
  const cachedSelector = cacheForCurrentChartInstance.get(createSelectorArgs);
33
33
  if (cachedSelector) {
34
- return cachedSelector(state, selectorArgs);
34
+ return cachedSelector(state, ...selectorArgs);
35
35
  }
36
36
 
37
37
  // Otherwise, create a new selector and cache it and execute it.
38
38
  const fn = reselectCreateSelector(...createSelectorArgs);
39
39
  cacheForCurrentChartInstance.set(createSelectorArgs, fn);
40
- return fn(state, selectorArgs);
40
+ return fn(state, ...selectorArgs);
41
41
  };
42
42
  return selector;
43
43
  };
@@ -1,4 +1,4 @@
1
- import { ChartAnyPluginSignature, ChartState } from "../plugins/models/index.js";
1
+ import { ChartAnyPluginSignature } from "../plugins/models/index.js";
2
2
  import { ChartsSelector } from "../plugins/utils/selectors.js";
3
3
  import { ChartStore } from "../plugins/utils/ChartStore.js";
4
- export declare const useSelector: <TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[], TArgs, TValue>(store: ChartStore<TSignatures, TOptionalSignatures>, selector: ChartsSelector<ChartState<TSignatures, TOptionalSignatures>, TArgs, TValue>, args?: TArgs, equals?: (a: TValue, b: TValue) => boolean) => TValue;
4
+ export declare const useSelector: <TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[], TArgs extends readonly any[], TResult = unknown>(store: ChartStore<TSignatures, TOptionalSignatures>, selector: ChartsSelector<TSignatures, TOptionalSignatures, TResult, TArgs>, args?: [TArgs] extends [never] ? [] : TArgs, equals?: (a: TResult, b: TResult) => boolean) => TResult;
@@ -9,8 +9,8 @@ var _withSelector = require("use-sync-external-store/shim/with-selector");
9
9
  * More info: https://github.com/mui/mui-x/issues/18303#issuecomment-2958392341 */
10
10
 
11
11
  const defaultCompare = Object.is;
12
- const useSelector = (store, selector, args = undefined, equals = defaultCompare) => {
13
- const selectorWithArgs = state => selector(state, args);
12
+ const useSelector = (store, selector, args = [], equals = defaultCompare) => {
13
+ const selectorWithArgs = state => selector(state, ...args);
14
14
  return (0, _withSelector.useSyncExternalStoreWithSelector)(store.subscribe, store.getSnapshot, store.getSnapshot, selectorWithArgs, equals);
15
15
  };
16
16
  exports.useSelector = useSelector;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-charts",
3
- "version": "8.5.2",
3
+ "version": "8.5.3",
4
4
  "author": "MUI Team",
5
5
  "description": "The community edition of MUI X Charts components.",
6
6
  "main": "./index.js",
@@ -36,8 +36,8 @@
36
36
  "prop-types": "^15.8.1",
37
37
  "reselect": "^5.1.1",
38
38
  "use-sync-external-store": "^1.5.0",
39
- "@mui/x-charts-vendor": "8.5.2",
40
- "@mui/x-internals": "8.5.2"
39
+ "@mui/x-charts-vendor": "8.5.3",
40
+ "@mui/x-internals": "8.5.3"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "@emotion/react": "^11.9.0",