@mui/x-charts 9.1.0 → 9.2.0

package/internals/index.mjs

@@ -16,7 +16,7 @@ export { useLineChartProps } from "../LineChart/useLineChartProps.mjs";
 export { useAreaPlotData } from "../LineChart/useAreaPlotData.mjs";
 export { useLinePlotData } from "../LineChart/useLinePlotData.mjs";
 export * from "../BarChart/useBarChartProps.mjs";
-export { processBarDataForPlot } from "../BarChart/useBarPlotData.mjs";
+export { processBarDataForPlot, useBarPlotData } from "../BarChart/useBarPlotData.mjs";
 export { useRadarChartProps } from "../RadarChart/useRadarChartProps.mjs";
 export * from "../ChartsContainer/useChartsContainerProps.mjs";
 export * from "../ChartsDataProvider/useChartsDataProviderProps.mjs";
@@ -45,7 +45,7 @@ export * from "./plugins/featurePlugins/useChartItemClick/index.mjs";
 export * from "./plugins/utils/selectors.mjs";
 export { getAxisTriggerTooltip as getCartesianAxisTriggerTooltip } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisTriggerTooltip.mjs";
 export { getAxisIndex as getCartesianAxisIndex } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisValue.mjs";
-export { getAxisIndex as getPolarAxisIndex } from "./plugins/featurePlugins/useChartPolarAxis/getAxisIndex.mjs";
+export { getRotationAxisIndex } from "./plugins/featurePlugins/useChartPolarAxis/getAxisIndex.mjs";
 export * from "./store/useCharts.mjs";
 export * from "./store/useStore.mjs";
 
@@ -62,6 +62,7 @@ export * from "./clampAngle.mjs";
 export * from "./getLabel.mjs";
 export * from "./legendUtils.mjs";
 export * from "./getChartPoint.mjs";
+export * from "./plugins/featurePlugins/useChartPolarAxis/coordinateTransformation.mjs";
 export * from "./isDefined.mjs";
 export * from "./getScale.mjs";
 export * from "./getAsNumber.mjs";

package/internals/plugins/featurePlugins/useChartCartesianAxis/createZoomLookup.d.mts

@@ -1,4 +1,4 @@
-import { type AxisConfig, type ChartsXAxisProps, type ChartsYAxisProps, type ScaleName } from "../../../../models/index.mjs";
-import { type AxisId } from "../../../../models/axis.mjs";
+import type { AxisConfig, ScaleName } from "../../../../models/index.mjs";
+import type { AxisId, ChartsCartesianAxisProps } from "../../../../models/axis.mjs";
 import { type DefaultizedZoomOptions } from "./useChartCartesianAxis.types.mjs";
-export declare const createZoomLookup: (axisDirection: "x" | "y") => (axes?: AxisConfig<ScaleName, any, ChartsXAxisProps | ChartsYAxisProps>[]) => Record<AxisId, DefaultizedZoomOptions>;
+export declare const createZoomLookup: (axisDirection: "x" | "y") => (axes?: AxisConfig<ScaleName, any, ChartsCartesianAxisProps>[]) => Record<AxisId, DefaultizedZoomOptions>;

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

@@ -1,4 +1,4 @@
-import { type AxisConfig, type ChartsXAxisProps, type ChartsYAxisProps, type ScaleName } from "../../../../models/index.js";
-import { type AxisId } from "../../../../models/axis.js";
+import type { AxisConfig, ScaleName } from "../../../../models/index.js";
+import type { AxisId, ChartsCartesianAxisProps } from "../../../../models/axis.js";
 import { type DefaultizedZoomOptions } from "./useChartCartesianAxis.types.js";
-export declare const createZoomLookup: (axisDirection: "x" | "y") => (axes?: AxisConfig<ScaleName, any, ChartsXAxisProps | ChartsYAxisProps>[]) => Record<AxisId, DefaultizedZoomOptions>;
+export declare const createZoomLookup: (axisDirection: "x" | "y") => (axes?: AxisConfig<ScaleName, any, ChartsCartesianAxisProps>[]) => Record<AxisId, DefaultizedZoomOptions>;

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

@@ -5,6 +5,7 @@ export * from "./useChartCartesianAxisLayout.selectors.mjs";
 export * from "./useChartCartesianInteraction.selectors.mjs";
 export * from "./useChartCartesianHighlight.selectors.mjs";
 export * from "./useChartCartesianAxisPreview.selectors.mjs";
+export { getBandIndex } from "./useChartCartesianAxisPosition.selectors.mjs";
 export * from "./useChartAxisAutoSize.selectors.mjs";
 export * from "./useChartCartesianTooltip.selectors.mjs";
 export { defaultizeXAxis, defaultizeYAxis } from "./defaultizeAxis.mjs";

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

@@ -5,6 +5,7 @@ export * from "./useChartCartesianAxisLayout.selectors.js";
 export * from "./useChartCartesianInteraction.selectors.js";
 export * from "./useChartCartesianHighlight.selectors.js";
 export * from "./useChartCartesianAxisPreview.selectors.js";
+export { getBandIndex } from "./useChartCartesianAxisPosition.selectors.js";
 export * from "./useChartAxisAutoSize.selectors.js";
 export * from "./useChartCartesianTooltip.selectors.js";
 export { defaultizeXAxis, defaultizeYAxis } from "./defaultizeAxis.js";

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   useChartCartesianAxis: true,
+  getBandIndex: true,
   defaultizeXAxis: true,
   defaultizeYAxis: true,
   computeAxisAutoSize: true
@@ -27,6 +28,12 @@ Object.defineProperty(exports, "defaultizeYAxis", {
     return _defaultizeAxis.defaultizeYAxis;
   }
 });
+Object.defineProperty(exports, "getBandIndex", {
+  enumerable: true,
+  get: function () {
+    return _useChartCartesianAxisPosition.getBandIndex;
+  }
+});
 Object.defineProperty(exports, "useChartCartesianAxis", {
   enumerable: true,
   get: function () {
@@ -94,6 +101,7 @@ Object.keys(_useChartCartesianAxisPreview).forEach(function (key) {
     }
   });
 });
+var _useChartCartesianAxisPosition = require("./useChartCartesianAxisPosition.selectors");
 var _useChartAxisAutoSize = require("./useChartAxisAutoSize.selectors");
 Object.keys(_useChartAxisAutoSize).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -4,6 +4,7 @@ export * from "./useChartCartesianAxisLayout.selectors.mjs";
 export * from "./useChartCartesianInteraction.selectors.mjs";
 export * from "./useChartCartesianHighlight.selectors.mjs";
 export * from "./useChartCartesianAxisPreview.selectors.mjs";
+export { getBandIndex } from "./useChartCartesianAxisPosition.selectors.mjs";
 export * from "./useChartAxisAutoSize.selectors.mjs";
 export * from "./useChartCartesianTooltip.selectors.mjs";
 export { defaultizeXAxis, defaultizeYAxis } from "./defaultizeAxis.mjs";

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPosition.selectors.d.mts

@@ -1,4 +1,9 @@
-import { type BarItemIdentifier } from "../../../../models/index.mjs";
+import type { ChartsRadialAxisProps, ChartsCartesianAxisProps, ComputedAxis } from "../../../../models/axis.mjs";
+import type { ScaleName, BarItemIdentifier } from "../../../../models/index.mjs";
+export declare function getBandIndex(bandAxis: ComputedAxis<ScaleName, any, ChartsCartesianAxisProps | ChartsRadialAxisProps>, stackConfig: {
+  groupNumber: number;
+  groupIndex: number;
+}, coordinate: number): number;
 export declare const selectorBarItemAtPosition: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }, svgPoint: Pick<DOMPoint, "x" | "y">) => BarItemIdentifier | undefined;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPosition.selectors.d.ts

@@ -1,4 +1,9 @@
-import { type BarItemIdentifier } from "../../../../models/index.js";
+import type { ChartsRadialAxisProps, ChartsCartesianAxisProps, ComputedAxis } from "../../../../models/axis.js";
+import type { ScaleName, BarItemIdentifier } from "../../../../models/index.js";
+export declare function getBandIndex(bandAxis: ComputedAxis<ScaleName, any, ChartsCartesianAxisProps | ChartsRadialAxisProps>, stackConfig: {
+  groupNumber: number;
+  groupIndex: number;
+}, coordinate: number): number;
 export declare const selectorBarItemAtPosition: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & 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("../../../index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }, svgPoint: Pick<DOMPoint, "x" | "y">) => BarItemIdentifier | undefined;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPosition.selectors.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getBandIndex = getBandIndex;
 exports.selectorBarItemAtPosition = void 0;
 var _store = require("@mui/x-internals/store");
 var _useChartCartesianAxisRendering = require("./useChartCartesianAxisRendering.selectors");
@@ -10,6 +11,33 @@ var _useChartSeries = require("../../corePlugins/useChartSeries");
 var _getBandSize = require("../../../../internals/getBandSize");
 var _scaleGuards = require("../../../../internals/scaleGuards");
 var _invertScale = require("../../../../internals/invertScale");
+function getBandIndex(bandAxis, stackConfig, coordinate) {
+  if (!(0, _scaleGuards.isBandScale)(bandAxis.scale)) {
+    return -1;
+  }
+  const dataIndex = (0, _invertScale.getDataIndexForOrdinalScaleValue)(bandAxis.scale, coordinate);
+  const {
+    barWidth,
+    offset
+  } = (0, _getBandSize.getBandSize)(bandAxis.scale.bandwidth(), stackConfig.groupNumber, bandAxis.barGapRatio);
+  const barOffset = stackConfig.groupIndex * (barWidth + offset);
+  const bandValue = bandAxis.data?.[dataIndex];
+  if (bandValue == null) {
+    return -1;
+  }
+  const bandStart = bandAxis.scale(bandValue);
+  if (bandStart == null) {
+    return -1;
+  }
+  const bandBarStart = bandStart + barOffset;
+  const bandBarEnd = bandBarStart + barWidth;
+  const bandBarMin = Math.min(bandBarStart, bandBarEnd);
+  const bandBarMax = Math.max(bandBarStart, bandBarEnd);
+  if (coordinate >= bandBarMin && coordinate <= bandBarMax) {
+    return dataIndex;
+  }
+  return -1;
+}
 const selectorBarItemAtPosition = exports.selectorBarItemAtPosition = (0, _store.createSelector)(_useChartCartesianAxisRendering.selectorChartXAxis, _useChartCartesianAxisRendering.selectorChartYAxis, _useChartSeries.selectorChartSeriesProcessed, function selectorBarItemAtPosition({
   axis: xAxes,
   axisIds: xAxisIds
@@ -35,46 +63,30 @@ const selectorBarItemAtPosition = exports.selectorBarItemAtPosition = (0, _store
       const yAxis = yAxes[yAxisId];
       const bandAxis = aSeries.layout === 'horizontal' ? yAxis : xAxis;
       const continuousAxis = aSeries.layout === 'horizontal' ? xAxis : yAxis;
-      const bandScale = bandAxis.scale;
-      const svgPointBandCoordinate = aSeries.layout === 'horizontal' ? svgPoint.y : svgPoint.x;
-      if (!(0, _scaleGuards.isBandScale)(bandScale)) {
-        continue;
-      }
-      const dataIndex = (0, _invertScale.getDataIndexForOrdinalScaleValue)(bandScale, svgPointBandCoordinate);
-      const {
-        barWidth,
-        offset
-      } = (0, _getBandSize.getBandSize)(bandScale.bandwidth(), stackingGroups.length, bandAxis.barGapRatio);
-      const barOffset = stackIndex * (barWidth + offset);
-      const bandValue = bandAxis.data?.[dataIndex];
-      if (bandValue == null) {
+      const svgBandCoordinate = aSeries.layout === 'horizontal' ? svgPoint.y : svgPoint.x;
+      const svgValueCoordinate = aSeries.layout === 'horizontal' ? svgPoint.x : svgPoint.y;
+      const dataIndex = getBandIndex(bandAxis, {
+        groupNumber: stackingGroups.length,
+        groupIndex: stackIndex
+      }, svgBandCoordinate);
+      if (dataIndex === -1) {
         continue;
       }
-      const bandStart = bandScale(bandValue);
-      if (bandStart == null) {
+
+      // The point is inside the band for this series
+      const bar = aSeries.visibleStackedData[dataIndex];
+      const start = continuousAxis.scale(bar[0]);
+      const end = continuousAxis.scale(bar[1]);
+      if (start == null || end == null) {
         continue;
       }
-      const bandBarStart = bandStart + barOffset;
-      const bandBarEnd = bandBarStart + barWidth;
-      const bandBarMin = Math.min(bandBarStart, bandBarEnd);
-      const bandBarMax = Math.max(bandBarStart, bandBarEnd);
-      if (svgPointBandCoordinate >= bandBarMin && svgPointBandCoordinate <= bandBarMax) {
-        // The point is inside the band for this series
-        const svgPointContinuousCoordinate = aSeries.layout === 'horizontal' ? svgPoint.x : svgPoint.y;
-        const bar = aSeries.visibleStackedData[dataIndex];
-        const start = continuousAxis.scale(bar[0]);
-        const end = continuousAxis.scale(bar[1]);
-        if (start == null || end == null) {
-          continue;
-        }
-        const continuousMin = Math.min(start, end);
-        const continuousMax = Math.max(start, end);
-        if (svgPointContinuousCoordinate >= continuousMin && svgPointContinuousCoordinate <= continuousMax) {
-          item = {
-            seriesId,
-            dataIndex
-          };
-        }
+      const continuousMin = Math.min(start, end);
+      const continuousMax = Math.max(start, end);
+      if (svgValueCoordinate >= continuousMin && svgValueCoordinate <= continuousMax) {
+        item = {
+          seriesId,
+          dataIndex
+        };
       }
     }
   }

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPosition.selectors.mjs

@@ -4,6 +4,33 @@ import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/i
 import { getBandSize } from "../../../getBandSize.mjs";
 import { isBandScale } from "../../../scaleGuards.mjs";
 import { getDataIndexForOrdinalScaleValue } from "../../../invertScale.mjs";
+export function getBandIndex(bandAxis, stackConfig, coordinate) {
+  if (!isBandScale(bandAxis.scale)) {
+    return -1;
+  }
+  const dataIndex = getDataIndexForOrdinalScaleValue(bandAxis.scale, coordinate);
+  const {
+    barWidth,
+    offset
+  } = getBandSize(bandAxis.scale.bandwidth(), stackConfig.groupNumber, bandAxis.barGapRatio);
+  const barOffset = stackConfig.groupIndex * (barWidth + offset);
+  const bandValue = bandAxis.data?.[dataIndex];
+  if (bandValue == null) {
+    return -1;
+  }
+  const bandStart = bandAxis.scale(bandValue);
+  if (bandStart == null) {
+    return -1;
+  }
+  const bandBarStart = bandStart + barOffset;
+  const bandBarEnd = bandBarStart + barWidth;
+  const bandBarMin = Math.min(bandBarStart, bandBarEnd);
+  const bandBarMax = Math.max(bandBarStart, bandBarEnd);
+  if (coordinate >= bandBarMin && coordinate <= bandBarMax) {
+    return dataIndex;
+  }
+  return -1;
+}
 export const selectorBarItemAtPosition = createSelector(selectorChartXAxis, selectorChartYAxis, selectorChartSeriesProcessed, function selectorBarItemAtPosition({
   axis: xAxes,
   axisIds: xAxisIds
@@ -29,46 +56,30 @@ export const selectorBarItemAtPosition = createSelector(selectorChartXAxis, sele
       const yAxis = yAxes[yAxisId];
       const bandAxis = aSeries.layout === 'horizontal' ? yAxis : xAxis;
       const continuousAxis = aSeries.layout === 'horizontal' ? xAxis : yAxis;
-      const bandScale = bandAxis.scale;
-      const svgPointBandCoordinate = aSeries.layout === 'horizontal' ? svgPoint.y : svgPoint.x;
-      if (!isBandScale(bandScale)) {
-        continue;
-      }
-      const dataIndex = getDataIndexForOrdinalScaleValue(bandScale, svgPointBandCoordinate);
-      const {
-        barWidth,
-        offset
-      } = getBandSize(bandScale.bandwidth(), stackingGroups.length, bandAxis.barGapRatio);
-      const barOffset = stackIndex * (barWidth + offset);
-      const bandValue = bandAxis.data?.[dataIndex];
-      if (bandValue == null) {
+      const svgBandCoordinate = aSeries.layout === 'horizontal' ? svgPoint.y : svgPoint.x;
+      const svgValueCoordinate = aSeries.layout === 'horizontal' ? svgPoint.x : svgPoint.y;
+      const dataIndex = getBandIndex(bandAxis, {
+        groupNumber: stackingGroups.length,
+        groupIndex: stackIndex
+      }, svgBandCoordinate);
+      if (dataIndex === -1) {
         continue;
       }
-      const bandStart = bandScale(bandValue);
-      if (bandStart == null) {
+
+      // The point is inside the band for this series
+      const bar = aSeries.visibleStackedData[dataIndex];
+      const start = continuousAxis.scale(bar[0]);
+      const end = continuousAxis.scale(bar[1]);
+      if (start == null || end == null) {
         continue;
       }
-      const bandBarStart = bandStart + barOffset;
-      const bandBarEnd = bandBarStart + barWidth;
-      const bandBarMin = Math.min(bandBarStart, bandBarEnd);
-      const bandBarMax = Math.max(bandBarStart, bandBarEnd);
-      if (svgPointBandCoordinate >= bandBarMin && svgPointBandCoordinate <= bandBarMax) {
-        // The point is inside the band for this series
-        const svgPointContinuousCoordinate = aSeries.layout === 'horizontal' ? svgPoint.x : svgPoint.y;
-        const bar = aSeries.visibleStackedData[dataIndex];
-        const start = continuousAxis.scale(bar[0]);
-        const end = continuousAxis.scale(bar[1]);
-        if (start == null || end == null) {
-          continue;
-        }
-        const continuousMin = Math.min(start, end);
-        const continuousMax = Math.max(start, end);
-        if (svgPointContinuousCoordinate >= continuousMin && svgPointContinuousCoordinate <= continuousMax) {
-          item = {
-            seriesId,
-            dataIndex
-          };
-        }
+      const continuousMin = Math.min(start, end);
+      const continuousMax = Math.max(start, end);
+      if (svgValueCoordinate >= continuousMin && svgValueCoordinate <= continuousMax) {
+        item = {
+          seriesId,
+          dataIndex
+        };
       }
     }
   }

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.mts

@@ -74,7 +74,80 @@ export declare const selectorChartYAxis: (args_0: import("../../corePlugins/useC
 }) => import("./computeAxisValue.mjs").ComputeResult<import("../../../index.mjs").ChartsYAxisProps>;
 export declare const selectorChartAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}, axisId: AxisId) => import("../../../index.mjs").ComputedAxis<keyof import("../../../index.mjs").AxisScaleConfig, any, import("../../../index.mjs").ChartsXAxisProps>;
+}, axisId: AxisId) => (Omit<Omit<DefaultedAxis<keyof import("../../../index.mjs").AxisScaleConfig, any, import("../../../index.mjs").ChartsXAxisProps>, "scaleType">, "offset"> & Required<Pick<Omit<DefaultedAxis<keyof import("../../../index.mjs").AxisScaleConfig, any, import("../../../index.mjs").ChartsXAxisProps>, "scaleType">, "offset">> & (({
+  scaleType: "linear";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleLinear<number, number>;
+  colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
+} | {
+  scaleType: "time";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number>;
+  colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
+} | {
+  scaleType: "log";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number>;
+  colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
+} | ({
+  scaleType: "band";
+  ordinalTimeTicks?: import("../../../../index.mjs").OrdinalTimeTicks;
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
+    toString(): string;
+  }>;
+  categoryGapRatio: number;
+  barGapRatio: number;
+  colorMap?: import("../../../../models/colorMapping.mjs").OrdinalColorConfig | import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
+} & import("../../../index.mjs").AxisGroups & Pick<import("../../../../hooks/useTicks.mjs").TickParams, "tickPlacement" | "tickLabelPlacement">) | ({
+  scaleType: "point";
+  ordinalTimeTicks?: import("../../../../index.mjs").OrdinalTimeTicks;
+  scale: import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
+    toString(): string;
+  }>;
+  colorMap?: import("../../../../models/colorMapping.mjs").OrdinalColorConfig | import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
+} & import("../../../index.mjs").AxisGroups) | {
+  scaleType: "symlog";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleSymLog<number, number>;
+  colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
+  constant?: number;
+} | {
+  scaleType: "pow";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScalePower<number, number>;
+  colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
+} | {
+  scaleType: "sqrt";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScalePower<number, number>;
+  colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
+} | {
+  scaleType: "utc";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number>;
+  colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
+}) & ({
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+}))) & {
+  tickNumber: number;
+  triggerTooltip?: boolean;
+  isFullCircle?: boolean;
+} & import("../../../index.mjs").ChartsXAxisProps & {
+  position?: "none" | "bottom" | "top" | undefined;
+  height?: number | "auto" | undefined;
+  width?: undefined;
+} & {
+  height: number;
+};
 export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof import("../../../index.mjs").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("../../../index.mjs").UseChartInteractionListenerState & Partial<import("./useChartCartesianAxis.types.mjs").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }, axisId: AxisId) => DefaultedAxis<"linear", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"time", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"log", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"band", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"point", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"symlog", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"pow", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"sqrt", any, import("../../../index.mjs").ChartsXAxisProps> | DefaultedAxis<"utc", any, import("../../../index.mjs").ChartsXAxisProps> | ({

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.ts

@@ -74,7 +74,80 @@ export declare const selectorChartYAxis: (args_0: import("../../corePlugins/useC
 }) => import("./computeAxisValue.js").ComputeResult<import("../../../index.js").ChartsYAxisProps>;
 export declare const selectorChartAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & 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("../../../index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}, axisId: AxisId) => import("../../../index.js").ComputedAxis<keyof import("../../../index.js").AxisScaleConfig, any, import("../../../index.js").ChartsXAxisProps>;
+}, axisId: AxisId) => (Omit<Omit<DefaultedAxis<keyof import("../../../index.js").AxisScaleConfig, any, import("../../../index.js").ChartsXAxisProps>, "scaleType">, "offset"> & Required<Pick<Omit<DefaultedAxis<keyof import("../../../index.js").AxisScaleConfig, any, import("../../../index.js").ChartsXAxisProps>, "scaleType">, "offset">> & (({
+  scaleType: "linear";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleLinear<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | {
+  scaleType: "time";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | {
+  scaleType: "log";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleLogarithmic<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | ({
+  scaleType: "band";
+  ordinalTimeTicks?: import("../../../../index.js").OrdinalTimeTicks;
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleBand<{
+    toString(): string;
+  }>;
+  categoryGapRatio: number;
+  barGapRatio: number;
+  colorMap?: import("../../../../models/colorMapping.js").OrdinalColorConfig | import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} & import("../../../index.js").AxisGroups & Pick<import("../../../../hooks/useTicks.js").TickParams, "tickPlacement" | "tickLabelPlacement">) | ({
+  scaleType: "point";
+  ordinalTimeTicks?: import("../../../../index.js").OrdinalTimeTicks;
+  scale: import("@mui/x-charts-vendor/d3-scale").ScalePoint<{
+    toString(): string;
+  }>;
+  colorMap?: import("../../../../models/colorMapping.js").OrdinalColorConfig | import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} & import("../../../index.js").AxisGroups) | {
+  scaleType: "symlog";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleSymLog<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+  constant?: number;
+} | {
+  scaleType: "pow";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScalePower<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | {
+  scaleType: "sqrt";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScalePower<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+} | {
+  scaleType: "utc";
+  scale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number>;
+  colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
+}) & ({
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<string | number | Date, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleOrdinal<number, string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number, string | null>;
+} | {
+  colorScale?: import("@mui/x-charts-vendor/d3-scale").ScaleSequential<string, string | null> | import("@mui/x-charts-vendor/d3-scale").ScaleThreshold<number | Date, string | null>;
+}))) & {
+  tickNumber: number;
+  triggerTooltip?: boolean;
+  isFullCircle?: boolean;
+} & import("../../../index.js").ChartsXAxisProps & {
+  position?: "none" | "bottom" | "top" | undefined;
+  height?: number | "auto" | undefined;
+  width?: undefined;
+} & {
+  height: number;
+};
 export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & 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("../../../index.js").UseChartInteractionListenerState & Partial<import("./useChartCartesianAxis.types.js").UseChartCartesianAxisState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }, axisId: AxisId) => DefaultedAxis<"linear", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"time", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"log", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"band", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"point", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"symlog", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"pow", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"sqrt", any, import("../../../index.js").ChartsXAxisProps> | DefaultedAxis<"utc", any, import("../../../index.js").ChartsXAxisProps> | ({