@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.
- package/CHANGELOG.md +96 -11
- package/ChartsLegend/ChartsLegend.d.ts +1 -0
- package/ChartsLegend/ChartsLegend.js +1 -0
- package/ChartsLegend/ContinuousColorLegend.d.ts +1 -0
- package/ChartsLegend/PiecewiseColorLegend.d.ts +1 -0
- package/ChartsLegend/chartsLegendClasses.d.ts +3 -1
- package/ChartsLegend/chartsLegendClasses.js +2 -1
- package/ChartsSurface/ChartsSurface.d.ts +1 -1
- package/ScatterChart/Scatter.d.ts +2 -0
- package/ScatterChart/Scatter.js +9 -1
- package/ScatterChart/index.d.ts +3 -1
- package/ScatterChart/index.js +16 -1
- package/ScatterChart/scatterClasses.d.ts +8 -0
- package/ScatterChart/scatterClasses.js +22 -0
- package/esm/ChartsLegend/ChartsLegend.d.ts +1 -0
- package/esm/ChartsLegend/ChartsLegend.js +1 -0
- package/esm/ChartsLegend/ContinuousColorLegend.d.ts +1 -0
- package/esm/ChartsLegend/PiecewiseColorLegend.d.ts +1 -0
- package/esm/ChartsLegend/chartsLegendClasses.d.ts +3 -1
- package/esm/ChartsLegend/chartsLegendClasses.js +2 -1
- package/esm/ChartsSurface/ChartsSurface.d.ts +1 -1
- package/esm/ScatterChart/Scatter.d.ts +2 -0
- package/esm/ScatterChart/Scatter.js +9 -1
- package/esm/ScatterChart/index.d.ts +3 -1
- package/esm/ScatterChart/index.js +2 -1
- package/esm/ScatterChart/scatterClasses.d.ts +8 -0
- package/esm/ScatterChart/scatterClasses.js +13 -0
- package/esm/hooks/useItemHighlighted.js +2 -2
- package/esm/index.js +1 -1
- package/esm/internals/createSeriesSelectorOfType.js +2 -2
- package/esm/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.d.ts +3 -29
- package/esm/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.js +1 -1
- package/esm/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.d.ts +14 -724
- package/esm/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.js +10 -10
- package/esm/internals/plugins/corePlugins/useChartId/useChartId.selectors.d.ts +3 -29
- package/esm/internals/plugins/corePlugins/useChartId/useChartId.selectors.js +1 -1
- package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts +6 -54
- package/esm/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.js +2 -2
- package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisSize.selectors.d.ts +12 -208
- package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisLayout.selectors.d.ts +7 -66
- package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisLayout.selectors.js +2 -3
- package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.ts +21 -6222
- package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.js +4 -6
- package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianInteraction.selectors.d.ts +50 -5
- package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.d.ts +18 -622
- package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js +3 -3
- package/esm/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.d.ts +18 -230
- package/esm/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.js +6 -6
- package/esm/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.d.ts +17 -2012
- package/esm/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.js +2 -2
- package/esm/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.d.ts +39 -4
- package/esm/internals/plugins/featurePlugins/useChartVoronoi/useChartVoronoi.selectors.d.ts +3 -27
- package/esm/internals/plugins/featurePlugins/useChartVoronoi/useChartVoronoi.selectors.js +1 -1
- package/esm/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.selectors.d.ts +5 -40
- package/esm/internals/plugins/utils/selectors.d.ts +18 -6
- package/esm/internals/plugins/utils/selectors.js +3 -3
- package/esm/internals/store/useSelector.d.ts +2 -2
- package/esm/internals/store/useSelector.js +2 -2
- package/hooks/useItemHighlighted.js +2 -2
- package/index.js +1 -1
- package/internals/createSeriesSelectorOfType.js +2 -2
- package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.d.ts +3 -29
- package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.js +1 -1
- package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.d.ts +14 -724
- package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.js +11 -10
- package/internals/plugins/corePlugins/useChartId/useChartId.selectors.d.ts +3 -29
- package/internals/plugins/corePlugins/useChartId/useChartId.selectors.js +1 -1
- package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts +6 -54
- package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.js +2 -2
- package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisSize.selectors.d.ts +12 -208
- package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisLayout.selectors.d.ts +7 -66
- package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisLayout.selectors.js +4 -3
- package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.ts +21 -6222
- package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.js +4 -6
- package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianInteraction.selectors.d.ts +50 -5
- package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.d.ts +18 -622
- package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js +3 -3
- package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.d.ts +18 -230
- package/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.selectors.js +6 -6
- package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.d.ts +17 -2012
- package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.js +2 -2
- package/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarInteraction.selectors.d.ts +39 -4
- package/internals/plugins/featurePlugins/useChartVoronoi/useChartVoronoi.selectors.d.ts +3 -27
- package/internals/plugins/featurePlugins/useChartVoronoi/useChartVoronoi.selectors.js +1 -1
- package/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.selectors.d.ts +5 -40
- package/internals/plugins/utils/selectors.d.ts +18 -6
- package/internals/plugins/utils/selectors.js +3 -3
- package/internals/store/useSelector.d.ts +2 -2
- package/internals/store/useSelector.js +2 -2
- package/package.json +3 -3
|
@@ -1,29 +1,5 @@
|
|
|
1
|
-
import
|
|
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
|
-
|
|
11
|
-
|
|
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
|
|
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 {
|
|
2
|
-
import { ChartAnyPluginSignature, ChartState } from "../models/index.js";
|
|
3
|
-
export type ChartRootSelector<TSignature extends ChartAnyPluginSignature> = <
|
|
4
|
-
export type ChartOptionalRootSelector<TSignature extends ChartAnyPluginSignature> = <
|
|
5
|
-
export type ChartsSelector<
|
|
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:
|
|
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
|
|
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,
|
|
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 =
|
|
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.
|
|
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.
|
|
40
|
-
"@mui/x-internals": "8.5.
|
|
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",
|