@mui/x-charts 8.0.0-alpha.8 → 8.0.0-alpha.9

package/hooks/useLegend.js

@@ -1,19 +1,12 @@
 'use client';
 
-import getBarLegend from "../BarChart/legend.js";
-import getScatterLegend from "../ScatterChart/legend.js";
-import getLineLegend from "../LineChart/legend.js";
-import getPieLegend from "../PieChart/legend.js";
+import { selectorChartSeriesConfig } from "../internals/plugins/corePlugins/useChartSeries/index.js";
 import { useSeries } from "./useSeries.js";
-const legendGetter = {
-  bar: getBarLegend,
-  scatter: getScatterLegend,
-  line: getLineLegend,
-  pie: getPieLegend
-};
-function getSeriesToDisplay(series) {
+import { useStore } from "../internals/store/useStore.js";
+import { useSelector } from "../internals/store/useSelector.js";
+function getSeriesToDisplay(series, seriesConfig) {
   return Object.keys(series).flatMap(seriesType => {
-    const getter = legendGetter[seriesType];
+    const getter = seriesConfig[seriesType].legendGetter;
     return getter === undefined ? [] : getter(series[seriesType]);
   });
 }
@@ -29,7 +22,9 @@ function getSeriesToDisplay(series) {
  */
 export function useLegend() {
   const series = useSeries();
+  const store = useStore();
+  const seriesConfig = useSelector(store, selectorChartSeriesConfig);
   return {
-    items: getSeriesToDisplay(series)
+    items: getSeriesToDisplay(series, seriesConfig)
   };
 }

package/index.d.ts

@@ -24,3 +24,4 @@ export * from './SparkLineChart';
 export * from './Gauge';
 export * from './ChartsSurface';
 export * from './ChartContainer';
+export * from './ChartDataProvider';

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.0.0-alpha.8
+ * @mui/x-charts v8.0.0-alpha.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -30,4 +30,5 @@ export * from "./ScatterChart/index.js";
 export * from "./SparkLineChart/index.js";
 export * from "./Gauge/index.js";
 export * from "./ChartsSurface/index.js";
-export * from "./ChartContainer/index.js";
+export * from "./ChartContainer/index.js";
+export * from "./ChartDataProvider/index.js";

package/internals/defaultizeColor.d.ts

@@ -53,7 +53,9 @@ export declare function defaultizeColor(series: AllSeriesType, seriesIndex: numb
     area?: boolean;
     label?: string | ((location: "tooltip" | "legend") => string);
     curve?: import("..").CurveType;
+    strictStepCurve?: boolean;
     showMark?: boolean | ((params: import("..").ShowMarkParams) => boolean);
+    shape?: "circle" | "cross" | "diamond" | "square" | "star" | "triangle" | "wye";
     disableHighlight?: boolean;
     connectNulls?: boolean;
     stackOffset?: import("..").StackOffsetType;

package/internals/index.d.ts

@@ -8,7 +8,7 @@ export { useScatterChartProps } from '../ScatterChart/useScatterChartProps';
 export { useLineChartProps } from '../LineChart/useLineChartProps';
 export { useBarChartProps } from '../BarChart/useBarChartProps';
 export * from '../ChartContainer/useChartContainerProps';
-export * from '../context/ChartDataProvider/useChartDataProviderProps';
+export * from '../ChartDataProvider/useChartDataProviderProps';
 export * from './plugins/corePlugins/useChartId';
 export * from './plugins/corePlugins/useChartSeries';
 export * from './plugins/corePlugins/useChartDimensions';
@@ -29,7 +29,6 @@ export * from './getScale';
 export * from '../context/AnimationProvider';
 export type * from '../context/context.types';
 export { getAxisExtremum } from './plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum';
-export * from '../context/ChartDataProvider';
 export * from '../context/ChartProvider';
 export * from '../models/seriesType/config';
 export * from '../models/seriesType/common';

package/internals/index.js

@@ -11,7 +11,7 @@ export { useScatterChartProps } from "../ScatterChart/useScatterChartProps.js";
 export { useLineChartProps } from "../LineChart/useLineChartProps.js";
 export { useBarChartProps } from "../BarChart/useBarChartProps.js";
 export * from "../ChartContainer/useChartContainerProps.js";
-export * from "../context/ChartDataProvider/useChartDataProviderProps.js";
+export * from "../ChartDataProvider/useChartDataProviderProps.js";
 
 // plugins
 export * from "./plugins/corePlugins/useChartId/index.js";
@@ -38,7 +38,6 @@ export * from "./getScale.js";
 
 export * from "../context/AnimationProvider/index.js";
 export { getAxisExtremum } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.js";
-export * from "../context/ChartDataProvider/index.js";
 export * from "../context/ChartProvider/index.js";
 
 // series configuration

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.d.ts

@@ -67,8 +67,8 @@ export declare const selectorChartDrawingArea: ((state: import("../useChartId/us
     dependencyRecomputations: () => number;
     resetDependencyRecomputations: () => void;
 } & {
-    argsMemoize: typeof import("reselect").weakMapMemoize;
     memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
 };
 export declare const selectorChartPropsSize: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
@@ -120,8 +120,8 @@ export declare const selectorChartPropsSize: ((state: import("../useChartId/useC
     dependencyRecomputations: () => number;
     resetDependencyRecomputations: () => void;
 } & {
-    argsMemoize: typeof import("reselect").weakMapMemoize;
     memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
 };
 export declare const selectorChartContainerSize: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("./useChartDimensions.types").UseChartDimensionsState & import("../useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
@@ -173,8 +173,8 @@ export declare const selectorChartContainerSize: ((state: import("../useChartId/
     dependencyRecomputations: () => number;
     resetDependencyRecomputations: () => void;
 } & {
-    argsMemoize: typeof import("reselect").weakMapMemoize;
     memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
 };
 /**
  * Get the id attribute of the chart.
@@ -251,14 +251,14 @@ export declare const selectorChartHasIntrinsicSize: ((state: import("../useChart
         dependencyRecomputations: () => number;
         resetDependencyRecomputations: () => void;
     } & {
-        argsMemoize: typeof import("reselect").weakMapMemoize;
         memoize: typeof import("reselect").weakMapMemoize;
+        argsMemoize: typeof import("reselect").weakMapMemoize;
     }];
     recomputations: () => number;
     resetRecomputations: () => void;
     dependencyRecomputations: () => number;
     resetDependencyRecomputations: () => void;
 } & {
-    argsMemoize: typeof import("reselect").weakMapMemoize;
     memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
 };

package/internals/plugins/corePlugins/useChartId/useChartId.selectors.d.ts

@@ -31,6 +31,6 @@ export declare const selectorChartId: ((state: import("./useChartId.types").UseC
     dependencyRecomputations: () => number;
     resetDependencyRecomputations: () => void;
 } & {
-    argsMemoize: typeof import("reselect").weakMapMemoize;
     memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
 };

package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.d.ts

@@ -27,8 +27,8 @@ export declare const selectorChartSeriesProcessed: ((state: import("../useChartI
     dependencyRecomputations: () => number;
     resetDependencyRecomputations: () => void;
 } & {
-    argsMemoize: typeof import("reselect").weakMapMemoize;
     memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
 };
 export declare const selectorChartSeriesConfig: ((state: import("../useChartId/useChartId.types").UseChartIdState & import("../useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("./useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
@@ -56,6 +56,6 @@ export declare const selectorChartSeriesConfig: ((state: import("../useChartId/u
     dependencyRecomputations: () => number;
     resetDependencyRecomputations: () => void;
 } & {
-    argsMemoize: typeof import("reselect").weakMapMemoize;
     memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
 };

package/internals/plugins/featurePlugins/useChartCartesianAxis/index.d.ts

@@ -1,5 +1,6 @@
 export { useChartCartesianAxis } from './useChartCartesianAxis';
 export type * from './useChartCartesianAxis.types';
+export * from './useChartCartesianAxis.selectors';
 export { defaultizeAxis } from './defaultizeAxis';
 export * from './computeAxisValue';
 export * from './zoom.types';

package/internals/plugins/featurePlugins/useChartCartesianAxis/index.js

@@ -1,4 +1,5 @@
 export { useChartCartesianAxis } from "./useChartCartesianAxis.js";
+export * from "./useChartCartesianAxis.selectors.js";
 export { defaultizeAxis } from "./defaultizeAxis.js";
 export * from "./computeAxisValue.js";
 export * from "./zoom.types.js";