@mui/x-charts 8.0.0-alpha.12 → 8.0.0-alpha.14

package/{esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxis.selectors.js → modern/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.js}

@@ -5,6 +5,7 @@ import { createSelector } from "../../utils/selectors.js";
 import { computeAxisValue } from "./computeAxisValue.js";
 import { createAxisFilterMapper, createGetAxisFilters } from "./createAxisFilterMapper.js";
 import { createZoomLookup } from "./createZoomLookup.js";
+import { selectorChartRawXAxis, selectorChartRawYAxis } from "./useChartCartesianAxisLayout.selectors.js";
 export const createZoomMap = zoom => {
   const zoomItemMap = new Map();
   zoom.forEach(zoomItem => {
@@ -12,10 +13,7 @@ export const createZoomMap = zoom => {
   });
   return zoomItemMap;
 };
-export const selectorChartCartesianAxisState = state => state.cartesianAxis;
 const selectorChartZoomState = state => state.zoom;
-export const selectorChartRawXAxis = createSelector(selectorChartCartesianAxisState, axis => axis?.x);
-export const selectorChartRawYAxis = createSelector(selectorChartCartesianAxisState, axis => axis?.y);
 
 /**
  * Following selectors are not exported because they exist in the MIT chart only to ba able to reuse the Zoom state from the pro.
@@ -45,21 +43,21 @@ const selectorChartZoomAxisFilters = createSelector([selectorChartXFilter, selec
     // Early return if there is no zoom.
     return undefined;
   }
-  const xFilters = xAxis.reduce((acc, axis, index) => {
+  const xFilters = xAxis?.reduce((acc, axis, index) => {
     const filter = xMapper(axis, index);
     if (filter !== null) {
       acc[axis.id] = filter;
     }
     return acc;
   }, {});
-  const yFilters = yAxis.reduce((acc, axis, index) => {
+  const yFilters = yAxis?.reduce((acc, axis, index) => {
     const filter = yMapper(axis, index);
     if (filter !== null) {
       acc[axis.id] = filter;
     }
     return acc;
   }, {});
-  if (Object.keys(xFilters).length === 0 && Object.keys(yFilters).length === 0) {
+  if (Object.keys(xFilters ?? {}).length === 0 && Object.keys(yFilters ?? {}).length === 0) {
     return undefined;
   }
   return createGetAxisFilters(_extends({}, xFilters, yFilters));

package/modern/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.d.ts

@@ -391,8 +391,8 @@ export declare const selectorChartsIsHighlighted: ((state: any, item: HighlightI
   resultsCount: () => number;
   resetResultsCount: () => void;
 } & {
-  resultFunc: (resultFuncArgs_0: (item: HighlightItemData | null) => boolean, resultFuncArgs_1: HighlightItemData | null) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: (item: HighlightItemData | null) => boolean, resultFuncArgs_1: HighlightItemData | null) => boolean) & {
+  resultFunc: (resultFuncArgs_0: Partial<HighlightScope> | null, resultFuncArgs_1: HighlightItemData | null, resultFuncArgs_2: HighlightItemData | null) => boolean;
+  memoizedResultFunc: ((resultFuncArgs_0: Partial<HighlightScope> | null, resultFuncArgs_1: HighlightItemData | null, resultFuncArgs_2: HighlightItemData | null) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -400,87 +400,39 @@ export declare const selectorChartsIsHighlighted: ((state: any, item: HighlightI
   lastResult: () => boolean;
   dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
-  } & import("./useChartHighlight.types").UseChartHighlightState) => (item: HighlightItemData | null) => boolean) & {
+  } & import("./useChartHighlight.types").UseChartHighlightState) => Partial<HighlightScope> | null) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
   } & {
-    resultFunc: (resultFuncArgs_0: Partial<HighlightScope> | null, resultFuncArgs_1: HighlightItemData | null) => (item: HighlightItemData | null) => boolean;
-    memoizedResultFunc: ((resultFuncArgs_0: Partial<HighlightScope> | null, resultFuncArgs_1: HighlightItemData | null) => (item: HighlightItemData | null) => boolean) & {
+    resultFunc: (resultFuncArgs_0: Map<SeriesId, Partial<HighlightScope> | undefined>, resultFuncArgs_1: HighlightItemData | null) => Partial<HighlightScope> | null;
+    memoizedResultFunc: ((resultFuncArgs_0: Map<SeriesId, Partial<HighlightScope> | undefined>, resultFuncArgs_1: HighlightItemData | null) => Partial<HighlightScope> | null) & {
       clearCache: () => void;
       resultsCount: () => number;
       resetResultsCount: () => void;
     };
-    lastResult: () => (item: HighlightItemData | null) => boolean;
+    lastResult: () => Partial<HighlightScope> | null;
     dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
       cacheKey: import("../../models").ChartStateCacheKey;
-    } & import("./useChartHighlight.types").UseChartHighlightState) => Partial<HighlightScope> | null) & {
+    }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
       clearCache: () => void;
       resultsCount: () => number;
       resetResultsCount: () => void;
     } & {
-      resultFunc: (resultFuncArgs_0: Map<SeriesId, Partial<HighlightScope> | undefined>, resultFuncArgs_1: HighlightItemData | null) => Partial<HighlightScope> | null;
-      memoizedResultFunc: ((resultFuncArgs_0: Map<SeriesId, Partial<HighlightScope> | undefined>, resultFuncArgs_1: HighlightItemData | null) => Partial<HighlightScope> | null) & {
-        clearCache: () => void;
-        resultsCount: () => number;
-        resetResultsCount: () => void;
-      };
-      lastResult: () => Partial<HighlightScope> | null;
-      dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
-        cacheKey: import("../../models").ChartStateCacheKey;
+      resultFunc: (resultFuncArgs_0: {
+        processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
+        seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+      }) => Map<SeriesId, Partial<HighlightScope> | undefined>;
+      memoizedResultFunc: ((resultFuncArgs_0: {
+        processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
+        seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
       }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
-      } & {
-        resultFunc: (resultFuncArgs_0: {
-          processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-          seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
-        }) => Map<SeriesId, Partial<HighlightScope> | undefined>;
-        memoizedResultFunc: ((resultFuncArgs_0: {
-          processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-          seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
-        }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
-          clearCache: () => void;
-          resultsCount: () => number;
-          resetResultsCount: () => void;
-        };
-        lastResult: () => Map<SeriesId, Partial<HighlightScope> | undefined>;
-        dependencies: [ChartRootSelector<UseChartSeriesSignature>];
-        recomputations: () => number;
-        resetRecomputations: () => void;
-        dependencyRecomputations: () => number;
-        resetDependencyRecomputations: () => void;
-      } & {
-        memoize: typeof import("reselect").weakMapMemoize;
-        argsMemoize: typeof import("reselect").weakMapMemoize;
-      }, ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("./useChartHighlight.types").UseChartHighlightState & Partial<{}> & {
-        cacheKey: import("../../models").ChartStateCacheKey;
-      }) => HighlightItemData | null) & {
-        clearCache: () => void;
-        resultsCount: () => number;
-        resetResultsCount: () => void;
-      } & {
-        resultFunc: (resultFuncArgs_0: {
-          item: HighlightItemData | null;
-        }) => HighlightItemData | null;
-        memoizedResultFunc: ((resultFuncArgs_0: {
-          item: HighlightItemData | null;
-        }) => HighlightItemData | null) & {
-          clearCache: () => void;
-          resultsCount: () => number;
-          resetResultsCount: () => void;
-        };
-        lastResult: () => HighlightItemData | null;
-        dependencies: [ChartRootSelector<UseChartHighlightSignature>];
-        recomputations: () => number;
-        resetRecomputations: () => void;
-        dependencyRecomputations: () => number;
-        resetDependencyRecomputations: () => void;
-      } & {
-        memoize: typeof import("reselect").weakMapMemoize;
-        argsMemoize: typeof import("reselect").weakMapMemoize;
-      }];
+      };
+      lastResult: () => Map<SeriesId, Partial<HighlightScope> | undefined>;
+      dependencies: [ChartRootSelector<UseChartSeriesSignature>];
       recomputations: () => number;
       resetRecomputations: () => void;
       dependencyRecomputations: () => number;
@@ -522,6 +474,32 @@ export declare const selectorChartsIsHighlighted: ((state: any, item: HighlightI
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
+  }, ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("./useChartHighlight.types").UseChartHighlightState & Partial<{}> & {
+    cacheKey: import("../../models").ChartStateCacheKey;
+  }) => HighlightItemData | null) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  } & {
+    resultFunc: (resultFuncArgs_0: {
+      item: HighlightItemData | null;
+    }) => HighlightItemData | null;
+    memoizedResultFunc: ((resultFuncArgs_0: {
+      item: HighlightItemData | null;
+    }) => HighlightItemData | null) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    };
+    lastResult: () => HighlightItemData | null;
+    dependencies: [ChartRootSelector<UseChartHighlightSignature>];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+  } & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
   }, (_: any, item: HighlightItemData | null) => HighlightItemData | null];
   recomputations: () => number;
   resetRecomputations: () => void;
@@ -536,8 +514,8 @@ export declare const selectorChartsIsFaded: ((state: any, item: HighlightItemDat
   resultsCount: () => number;
   resetResultsCount: () => void;
 } & {
-  resultFunc: (resultFuncArgs_0: (item: HighlightItemData | null) => boolean, resultFuncArgs_1: HighlightItemData | null) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: (item: HighlightItemData | null) => boolean, resultFuncArgs_1: HighlightItemData | null) => boolean) & {
+  resultFunc: (resultFuncArgs_0: Partial<HighlightScope> | null, resultFuncArgs_1: HighlightItemData | null, resultFuncArgs_2: HighlightItemData | null) => boolean;
+  memoizedResultFunc: ((resultFuncArgs_0: Partial<HighlightScope> | null, resultFuncArgs_1: HighlightItemData | null, resultFuncArgs_2: HighlightItemData | null) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
@@ -545,87 +523,39 @@ export declare const selectorChartsIsFaded: ((state: any, item: HighlightItemDat
   lastResult: () => boolean;
   dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
     cacheKey: import("../../models").ChartStateCacheKey;
-  } & import("./useChartHighlight.types").UseChartHighlightState) => (item: HighlightItemData | null) => boolean) & {
+  } & import("./useChartHighlight.types").UseChartHighlightState) => Partial<HighlightScope> | null) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
   } & {
-    resultFunc: (resultFuncArgs_0: Partial<HighlightScope> | null, resultFuncArgs_1: HighlightItemData | null) => (item: HighlightItemData | null) => boolean;
-    memoizedResultFunc: ((resultFuncArgs_0: Partial<HighlightScope> | null, resultFuncArgs_1: HighlightItemData | null) => (item: HighlightItemData | null) => boolean) & {
+    resultFunc: (resultFuncArgs_0: Map<SeriesId, Partial<HighlightScope> | undefined>, resultFuncArgs_1: HighlightItemData | null) => Partial<HighlightScope> | null;
+    memoizedResultFunc: ((resultFuncArgs_0: Map<SeriesId, Partial<HighlightScope> | undefined>, resultFuncArgs_1: HighlightItemData | null) => Partial<HighlightScope> | null) & {
       clearCache: () => void;
       resultsCount: () => number;
       resetResultsCount: () => void;
     };
-    lastResult: () => (item: HighlightItemData | null) => boolean;
+    lastResult: () => Partial<HighlightScope> | null;
     dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
       cacheKey: import("../../models").ChartStateCacheKey;
-    } & import("./useChartHighlight.types").UseChartHighlightState) => Partial<HighlightScope> | null) & {
+    }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
       clearCache: () => void;
       resultsCount: () => number;
       resetResultsCount: () => void;
     } & {
-      resultFunc: (resultFuncArgs_0: Map<SeriesId, Partial<HighlightScope> | undefined>, resultFuncArgs_1: HighlightItemData | null) => Partial<HighlightScope> | null;
-      memoizedResultFunc: ((resultFuncArgs_0: Map<SeriesId, Partial<HighlightScope> | undefined>, resultFuncArgs_1: HighlightItemData | null) => Partial<HighlightScope> | null) & {
-        clearCache: () => void;
-        resultsCount: () => number;
-        resetResultsCount: () => void;
-      };
-      lastResult: () => Partial<HighlightScope> | null;
-      dependencies: [((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & Partial<{}> & {
-        cacheKey: import("../../models").ChartStateCacheKey;
+      resultFunc: (resultFuncArgs_0: {
+        processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
+        seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
+      }) => Map<SeriesId, Partial<HighlightScope> | undefined>;
+      memoizedResultFunc: ((resultFuncArgs_0: {
+        processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
+        seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
       }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
-      } & {
-        resultFunc: (resultFuncArgs_0: {
-          processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-          seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
-        }) => Map<SeriesId, Partial<HighlightScope> | undefined>;
-        memoizedResultFunc: ((resultFuncArgs_0: {
-          processedSeries: import("../../..").ProcessedSeries<keyof import("../../..").ChartsSeriesConfig>;
-          seriesConfig: import("../../models").ChartSeriesConfig<keyof import("../../..").ChartsSeriesConfig>;
-        }) => Map<SeriesId, Partial<HighlightScope> | undefined>) & {
-          clearCache: () => void;
-          resultsCount: () => number;
-          resetResultsCount: () => void;
-        };
-        lastResult: () => Map<SeriesId, Partial<HighlightScope> | undefined>;
-        dependencies: [ChartRootSelector<UseChartSeriesSignature>];
-        recomputations: () => number;
-        resetRecomputations: () => void;
-        dependencyRecomputations: () => number;
-        resetDependencyRecomputations: () => void;
-      } & {
-        memoize: typeof import("reselect").weakMapMemoize;
-        argsMemoize: typeof import("reselect").weakMapMemoize;
-      }, ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("./useChartHighlight.types").UseChartHighlightState & Partial<{}> & {
-        cacheKey: import("../../models").ChartStateCacheKey;
-      }) => HighlightItemData | null) & {
-        clearCache: () => void;
-        resultsCount: () => number;
-        resetResultsCount: () => void;
-      } & {
-        resultFunc: (resultFuncArgs_0: {
-          item: HighlightItemData | null;
-        }) => HighlightItemData | null;
-        memoizedResultFunc: ((resultFuncArgs_0: {
-          item: HighlightItemData | null;
-        }) => HighlightItemData | null) & {
-          clearCache: () => void;
-          resultsCount: () => number;
-          resetResultsCount: () => void;
-        };
-        lastResult: () => HighlightItemData | null;
-        dependencies: [ChartRootSelector<UseChartHighlightSignature>];
-        recomputations: () => number;
-        resetRecomputations: () => void;
-        dependencyRecomputations: () => number;
-        resetDependencyRecomputations: () => void;
-      } & {
-        memoize: typeof import("reselect").weakMapMemoize;
-        argsMemoize: typeof import("reselect").weakMapMemoize;
-      }];
+      };
+      lastResult: () => Map<SeriesId, Partial<HighlightScope> | undefined>;
+      dependencies: [ChartRootSelector<UseChartSeriesSignature>];
       recomputations: () => number;
       resetRecomputations: () => void;
       dependencyRecomputations: () => number;
@@ -667,6 +597,32 @@ export declare const selectorChartsIsFaded: ((state: any, item: HighlightItemDat
   } & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
+  }, ((state: import("../../corePlugins/useChartId/useChartId.types").UseChartIdState & import("../../corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("../../..").ChartsSeriesConfig> & import("./useChartHighlight.types").UseChartHighlightState & Partial<{}> & {
+    cacheKey: import("../../models").ChartStateCacheKey;
+  }) => HighlightItemData | null) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  } & {
+    resultFunc: (resultFuncArgs_0: {
+      item: HighlightItemData | null;
+    }) => HighlightItemData | null;
+    memoizedResultFunc: ((resultFuncArgs_0: {
+      item: HighlightItemData | null;
+    }) => HighlightItemData | null) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    };
+    lastResult: () => HighlightItemData | null;
+    dependencies: [ChartRootSelector<UseChartHighlightSignature>];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+  } & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
   }, (_: any, item: HighlightItemData | null) => HighlightItemData | null];
   recomputations: () => number;
   resetRecomputations: () => void;

package/modern/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js

@@ -27,5 +27,5 @@ export const selectorChartsHighlightScope = createSelector([selectorChartsHighli
 });
 export const selectorChartsIsHighlightedCallback = createSelector([selectorChartsHighlightScope, selectorChartsHighlightedItem], createIsHighlighted);
 export const selectorChartsIsFadedCallback = createSelector([selectorChartsHighlightScope, selectorChartsHighlightedItem], createIsFaded);
-export const selectorChartsIsHighlighted = createSelector([selectorChartsIsHighlightedCallback, (_, item) => item], (callback, item) => callback(item));
-export const selectorChartsIsFaded = createSelector([selectorChartsIsFadedCallback, (_, item) => item], (callback, item) => callback(item));
+export const selectorChartsIsHighlighted = createSelector([selectorChartsHighlightScope, selectorChartsHighlightedItem, (_, item) => item], (highlightScope, highlightedItem, item) => createIsHighlighted(highlightScope, highlightedItem)(item));
+export const selectorChartsIsFaded = createSelector([selectorChartsHighlightScope, selectorChartsHighlightedItem, (_, item) => item], (highlightScope, highlightedItem, item) => createIsFaded(highlightScope, highlightedItem)(item));