@mui/x-charts 9.0.2 → 9.0.4

package/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.js

@@ -15,21 +15,26 @@ var _getAxisExtremum = require("./getAxisExtremum");
 var _angleConversion = require("../../../angleConversion");
 var _getAxisTriggerTooltip = require("./getAxisTriggerTooltip");
 var _scales = require("../../../scales");
+var _epsilon = require("../../../../utils/epsilon");
 function getRange(drawingArea, axisDirection, axis) {
   if (axisDirection === 'rotation') {
-    if (axis.scaleType === 'point') {
-      const angles = [(0, _angleConversion.deg2rad)(axis.startAngle, 0), (0, _angleConversion.deg2rad)(axis.endAngle, 2 * Math.PI)];
-      const diff = angles[1] - angles[0];
-      if (diff > Math.PI * 2 - 0.1) {
-        // If we cover a full circle, we remove a slice to avoid having data point at the same place.
-        angles[1] -= diff / axis.data.length;
-      }
-      return angles;
+    const angles = [(0, _angleConversion.deg2rad)(axis.startAngle, 0), (0, _angleConversion.deg2rad)(axis.endAngle, 2 * Math.PI)];
+    const diff = angles[1] - angles[0];
+    const isFullCircle = diff >= Math.PI * 2 - _epsilon.EPSILON;
+    if (axis.scaleType === 'point' && isFullCircle) {
+      // For point scale, remove a slice to avoid overlapping first and last points.
+      angles[1] -= diff / axis.data.length;
     }
-    return [(0, _angleConversion.deg2rad)(axis.startAngle, 0), (0, _angleConversion.deg2rad)(axis.endAngle, 2 * Math.PI)];
+    return {
+      range: angles,
+      isFullCircle
+    };
   }
   const availableRadius = Math.min(drawingArea.height, drawingArea.width) / 2;
-  return [axis.minRadius ?? 0, axis.maxRadius ?? availableRadius];
+  return {
+    range: [axis.minRadius ?? 0, axis.maxRadius ?? availableRadius],
+    isFullCircle: false
+  };
 }
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
 const DEFAULT_BAR_GAP_RATIO = 0.1;
@@ -50,7 +55,10 @@ function computeAxisValue({
   const completeAxis = {};
   allAxis.forEach((eachAxis, axisIndex) => {
     const axis = eachAxis;
-    const range = getRange(drawingArea, axisDirection, axis);
+    const {
+      range,
+      isFullCircle
+    } = getRange(drawingArea, axisDirection, axis);
     const [minData, maxData] = (0, _getAxisExtremum.getAxisExtremum)(axis, axisDirection, seriesConfig, axisIndex, formattedSeries);
     const triggerTooltip = !axis.ignoreTooltip && axisIdsTriggeringTooltip.has(axis.id);
     const data = axis.data ?? [];
@@ -68,7 +76,8 @@ function computeAxisValue({
         tickNumber: axis.data.length,
         colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
           values: axis.data
-        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
+        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap)),
+        isFullCircle
       });
       if ((0, _dateHelpers.isDateData)(axis.data)) {
         const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis.data, range, axis.tickNumber);
@@ -85,7 +94,8 @@ function computeAxisValue({
         tickNumber: axis.data.length,
         colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
           values: axis.data
-        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
+        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap)),
+        isFullCircle
       });
       if ((0, _dateHelpers.isDateData)(axis.data)) {
         const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis.data, range, axis.tickNumber);
@@ -123,7 +133,8 @@ function computeAxisValue({
       scaleType: scaleType,
       scale: finalScale.domain(domain),
       tickNumber,
-      colorScale: axis.colorMap && (0, _colorScale.getColorScale)(axis.colorMap)
+      colorScale: axis.colorMap && (0, _colorScale.getColorScale)(axis.colorMap),
+      isFullCircle
     });
   });
   return {

package/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.mjs

@@ -8,21 +8,26 @@ import { getAxisExtremum } from "./getAxisExtremum.mjs";
 import { deg2rad } from "../../../angleConversion.mjs";
 import { getAxisTriggerTooltip } from "./getAxisTriggerTooltip.mjs";
 import { scaleBand, scalePoint } from "../../../scales/index.mjs";
+import { EPSILON } from "../../../../utils/epsilon.mjs";
 function getRange(drawingArea, axisDirection, axis) {
   if (axisDirection === 'rotation') {
-    if (axis.scaleType === 'point') {
-      const angles = [deg2rad(axis.startAngle, 0), deg2rad(axis.endAngle, 2 * Math.PI)];
-      const diff = angles[1] - angles[0];
-      if (diff > Math.PI * 2 - 0.1) {
-        // If we cover a full circle, we remove a slice to avoid having data point at the same place.
-        angles[1] -= diff / axis.data.length;
-      }
-      return angles;
+    const angles = [deg2rad(axis.startAngle, 0), deg2rad(axis.endAngle, 2 * Math.PI)];
+    const diff = angles[1] - angles[0];
+    const isFullCircle = diff >= Math.PI * 2 - EPSILON;
+    if (axis.scaleType === 'point' && isFullCircle) {
+      // For point scale, remove a slice to avoid overlapping first and last points.
+      angles[1] -= diff / axis.data.length;
     }
-    return [deg2rad(axis.startAngle, 0), deg2rad(axis.endAngle, 2 * Math.PI)];
+    return {
+      range: angles,
+      isFullCircle
+    };
   }
   const availableRadius = Math.min(drawingArea.height, drawingArea.width) / 2;
-  return [axis.minRadius ?? 0, axis.maxRadius ?? availableRadius];
+  return {
+    range: [axis.minRadius ?? 0, axis.maxRadius ?? availableRadius],
+    isFullCircle: false
+  };
 }
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
 const DEFAULT_BAR_GAP_RATIO = 0.1;
@@ -43,7 +48,10 @@ export function computeAxisValue({
   const completeAxis = {};
   allAxis.forEach((eachAxis, axisIndex) => {
     const axis = eachAxis;
-    const range = getRange(drawingArea, axisDirection, axis);
+    const {
+      range,
+      isFullCircle
+    } = getRange(drawingArea, axisDirection, axis);
     const [minData, maxData] = getAxisExtremum(axis, axisDirection, seriesConfig, axisIndex, formattedSeries);
     const triggerTooltip = !axis.ignoreTooltip && axisIdsTriggeringTooltip.has(axis.id);
     const data = axis.data ?? [];
@@ -61,7 +69,8 @@ export function computeAxisValue({
         tickNumber: axis.data.length,
         colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? getOrdinalColorScale(_extends({
           values: axis.data
-        }, axis.colorMap)) : getColorScale(axis.colorMap))
+        }, axis.colorMap)) : getColorScale(axis.colorMap)),
+        isFullCircle
       });
       if (isDateData(axis.data)) {
         const dateFormatter = createDateFormatter(axis.data, range, axis.tickNumber);
@@ -78,7 +87,8 @@ export function computeAxisValue({
         tickNumber: axis.data.length,
         colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? getOrdinalColorScale(_extends({
           values: axis.data
-        }, axis.colorMap)) : getColorScale(axis.colorMap))
+        }, axis.colorMap)) : getColorScale(axis.colorMap)),
+        isFullCircle
       });
       if (isDateData(axis.data)) {
         const dateFormatter = createDateFormatter(axis.data, range, axis.tickNumber);
@@ -116,7 +126,8 @@ export function computeAxisValue({
       scaleType: scaleType,
       scale: finalScale.domain(domain),
       tickNumber,
-      colorScale: axis.colorMap && getColorScale(axis.colorMap)
+      colorScale: axis.colorMap && getColorScale(axis.colorMap),
+      isFullCircle
     });
   });
   return {

package/internals/plugins/featurePlugins/useChartPolarAxis/getAxisIndex.js

@@ -1,12 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getAxisIndex = getAxisIndex;
-var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _scaleGuards = require("../../../scaleGuards");
+var _getAsNumber = require("../../../getAsNumber");
+var _findClosestIndex = require("../../../findClosestIndex");
 var _clampAngle = require("../../../clampAngle");
 /**
  * For a pointer coordinate, this function returns the value and dataIndex associated.
@@ -19,12 +19,17 @@ function getAxisIndex(axisConfig, pointerValue) {
     reverse
   } = axisConfig;
   if (!(0, _scaleGuards.isOrdinalScale)(scale)) {
-    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: getAxisValue is not implemented for polar continuous axes. ' + 'This function only supports ordinal (band/point) scales.' : (0, _formatErrorMessage2.default)(40));
+    if (axisData === undefined) {
+      return -1;
+    }
+    const angle = scale.range()[0] + (0, _clampAngle.clampAngleRad)(pointerValue - scale.range()[0]);
+    const valueAsNumber = (0, _getAsNumber.getAsNumber)(scale.invert(angle));
+    return (0, _findClosestIndex.findClosestIndex)(axisData, valueAsNumber);
   }
   if (!axisData) {
     return -1;
   }
-  const angleGap = (0, _clampAngle.clampAngleRad)(pointerValue - Math.min(...scale.range()));
+  const angleGap = (0, _clampAngle.clampAngleRad)(pointerValue - scale.range()[0]);
   const dataIndex = scale.bandwidth() === 0 ? Math.floor((angleGap + scale.step() / 2) / scale.step()) % axisData.length : Math.floor(angleGap / scale.step());
   if (dataIndex < 0 || dataIndex >= axisData.length) {
     return -1;

package/internals/plugins/featurePlugins/useChartPolarAxis/getAxisIndex.mjs

@@ -1,5 +1,6 @@
-import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import { isOrdinalScale } from "../../../scaleGuards.mjs";
+import { getAsNumber } from "../../../getAsNumber.mjs";
+import { findClosestIndex } from "../../../findClosestIndex.mjs";
 import { clampAngleRad } from "../../../clampAngle.mjs";
 
 /**
@@ -13,12 +14,17 @@ export function getAxisIndex(axisConfig, pointerValue) {
     reverse
   } = axisConfig;
   if (!isOrdinalScale(scale)) {
-    throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: getAxisValue is not implemented for polar continuous axes. ' + 'This function only supports ordinal (band/point) scales.' : _formatErrorMessage(40));
+    if (axisData === undefined) {
+      return -1;
+    }
+    const angle = scale.range()[0] + clampAngleRad(pointerValue - scale.range()[0]);
+    const valueAsNumber = getAsNumber(scale.invert(angle));
+    return findClosestIndex(axisData, valueAsNumber);
   }
   if (!axisData) {
     return -1;
   }
-  const angleGap = clampAngleRad(pointerValue - Math.min(...scale.range()));
+  const angleGap = clampAngleRad(pointerValue - scale.range()[0]);
   const dataIndex = scale.bandwidth() === 0 ? Math.floor((angleGap + scale.step() / 2) / scale.step()) % axisData.length : Math.floor(angleGap / scale.step());
   if (dataIndex < 0 || dataIndex >= axisData.length) {
     return -1;

package/internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.d.mts

@@ -1,12 +1,12 @@
 export declare const selectorChartsTooltipPointerItem: (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("./useChartTooltip.types.mjs").UseChartTooltipState<keyof import("../../../index.mjs").ChartsSeriesConfig>> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}) => import("../../../../index.mjs").LineItemIdentifier | import("../../../../index.mjs").BarItemIdentifier | import("../../../../index.mjs").ScatterItemIdentifier | import("../../../../index.mjs").PieItemIdentifier | import("../../../../index.mjs").RadarItemIdentifier | null;
+}) => import("../../../index.mjs").LineItemIdentifier | import("../../../index.mjs").BarItemIdentifier | import("../../../../index.mjs").ScatterItemIdentifier | import("../../../../index.mjs").PieItemIdentifier | import("../../../../index.mjs").RadarItemIdentifier | null;
 export declare const selectorChartsTooltipPointerItemIsDefined: (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("./useChartTooltip.types.mjs").UseChartTooltipState<keyof import("../../../index.mjs").ChartsSeriesConfig>> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => boolean;
 export declare const selectorChartsTooltipItem: (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("../useChartInteraction/useChartInteraction.types.mjs").UseChartInteractionState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
-}) => import("../../../../index.mjs").LineItemIdentifier | import("../../../../index.mjs").BarItemIdentifier | import("../../../../index.mjs").ScatterItemIdentifier | import("../../../../index.mjs").PieItemIdentifier | import("../../../../index.mjs").RadarItemIdentifier | null;
+}) => import("../../../index.mjs").LineItemIdentifier | import("../../../index.mjs").BarItemIdentifier | import("../../../../index.mjs").ScatterItemIdentifier | import("../../../../index.mjs").PieItemIdentifier | import("../../../../index.mjs").RadarItemIdentifier | null;
 export declare const selectorChartsTooltipItemIsDefined: (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("../useChartInteraction/useChartInteraction.types.mjs").UseChartInteractionState> & {
   cacheKey: import("../../models/index.mjs").ChartStateCacheKey;
 }) => boolean;

package/internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.d.ts

@@ -1,12 +1,12 @@
 export declare const selectorChartsTooltipPointerItem: (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("./useChartTooltip.types.js").UseChartTooltipState<keyof import("../../../index.js").ChartsSeriesConfig>> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
+}) => import("../../../index.js").LineItemIdentifier | import("../../../index.js").BarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
 export declare const selectorChartsTooltipPointerItemIsDefined: (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("./useChartTooltip.types.js").UseChartTooltipState<keyof import("../../../index.js").ChartsSeriesConfig>> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => boolean;
 export declare const selectorChartsTooltipItem: (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("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
+}) => import("../../../index.js").LineItemIdentifier | import("../../../index.js").BarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
 export declare const selectorChartsTooltipItemIsDefined: (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("../useChartInteraction/useChartInteraction.types.js").UseChartInteractionState> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
 }) => boolean;

package/models/axis.d.mts

@@ -522,6 +522,8 @@ export type ComputedAxis<S extends ScaleName = ScaleName, V = any, AxisProps ext
    * Indicate if the axis should be consider by a tooltip with `trigger='axis'`.
    */
   triggerTooltip?: boolean;
+  /** @ignore - internal. True when a rotation axis covers a full circle. */
+  isFullCircle?: boolean;
 } & (AxisProps extends ChartsXAxisProps ? AxisSideConfig<AxisProps> & {
   height: number;
 } : AxisProps extends ChartsYAxisProps ? AxisSideConfig<AxisProps> & {

package/models/axis.d.ts

@@ -522,6 +522,8 @@ export type ComputedAxis<S extends ScaleName = ScaleName, V = any, AxisProps ext
    * Indicate if the axis should be consider by a tooltip with `trigger='axis'`.
    */
   triggerTooltip?: boolean;
+  /** @ignore - internal. True when a rotation axis covers a full circle. */
+  isFullCircle?: boolean;
 } & (AxisProps extends ChartsXAxisProps ? AxisSideConfig<AxisProps> & {
   height: number;
 } : AxisProps extends ChartsYAxisProps ? AxisSideConfig<AxisProps> & {

package/models/seriesType/bar.d.mts

@@ -4,8 +4,10 @@ import { type CartesianSeriesType, type CommonSeriesType, type CommonDefaultized
 import { type DatasetElementType } from "./config.mjs";
 import { type BarItem, type BarLabelContext } from "../../BarChart/index.mjs";
 export type BarValueType = number;
-export interface BarSeriesType extends CommonSeriesType<BarValueType | null, 'bar'>, CartesianSeriesType, StackableSeriesType {
-  type: 'bar';
+/**
+ * @internal The series type shared by the bar and radialBar charts
+ */
+export interface CommonBarSeriesType {
   /**
    * Data associated to each bar.
    */
@@ -31,11 +33,6 @@ export interface BarSeriesType extends CommonSeriesType<BarValueType | null, 'ba
    * @default 'vertical'
    */
   layout?: 'horizontal' | 'vertical';
-  /**
-   * Defines how stacked series handle negative values.
-   * @default 'diverging'
-   */
-  stackOffset?: StackOffsetType;
   /**
    * If provided, the value will be used as the minimum size of the bar in pixels.
    * This is useful to avoid bars with a size of 0.
@@ -54,6 +51,9 @@ export interface BarSeriesType extends CommonSeriesType<BarValueType | null, 'ba
    * @returns {string} The formatted label.
    */
   barLabel?: 'value' | ((item: BarItem, context: BarLabelContext) => string | null | undefined);
+}
+export interface BarSeriesType extends CommonSeriesType<BarValueType | null, 'bar'>, CartesianSeriesType, StackableSeriesType, CommonBarSeriesType {
+  type: 'bar';
   /**
    * The placement of the bar label. It accepts the following values:
    * - 'center': the label is centered on the bar
@@ -61,6 +61,11 @@ export interface BarSeriesType extends CommonSeriesType<BarValueType | null, 'ba
    * @default 'center'
    */
   barLabelPlacement?: 'center' | 'outside';
+  /**
+   * Defines how stacked series handle negative values.
+   * @default 'diverging'
+   */
+  stackOffset?: StackOffsetType;
 }
 /**
  * An object that allows to identify a single bar.

package/models/seriesType/bar.d.ts

@@ -4,8 +4,10 @@ import { type CartesianSeriesType, type CommonSeriesType, type CommonDefaultized
 import { type DatasetElementType } from "./config.js";
 import { type BarItem, type BarLabelContext } from "../../BarChart/index.js";
 export type BarValueType = number;
-export interface BarSeriesType extends CommonSeriesType<BarValueType | null, 'bar'>, CartesianSeriesType, StackableSeriesType {
-  type: 'bar';
+/**
+ * @internal The series type shared by the bar and radialBar charts
+ */
+export interface CommonBarSeriesType {
   /**
    * Data associated to each bar.
    */
@@ -31,11 +33,6 @@ export interface BarSeriesType extends CommonSeriesType<BarValueType | null, 'ba
    * @default 'vertical'
    */
   layout?: 'horizontal' | 'vertical';
-  /**
-   * Defines how stacked series handle negative values.
-   * @default 'diverging'
-   */
-  stackOffset?: StackOffsetType;
   /**
    * If provided, the value will be used as the minimum size of the bar in pixels.
    * This is useful to avoid bars with a size of 0.
@@ -54,6 +51,9 @@ export interface BarSeriesType extends CommonSeriesType<BarValueType | null, 'ba
    * @returns {string} The formatted label.
    */
   barLabel?: 'value' | ((item: BarItem, context: BarLabelContext) => string | null | undefined);
+}
+export interface BarSeriesType extends CommonSeriesType<BarValueType | null, 'bar'>, CartesianSeriesType, StackableSeriesType, CommonBarSeriesType {
+  type: 'bar';
   /**
    * The placement of the bar label. It accepts the following values:
    * - 'center': the label is centered on the bar
@@ -61,6 +61,11 @@ export interface BarSeriesType extends CommonSeriesType<BarValueType | null, 'ba
    * @default 'center'
    */
   barLabelPlacement?: 'center' | 'outside';
+  /**
+   * Defines how stacked series handle negative values.
+   * @default 'diverging'
+   */
+  stackOffset?: StackOffsetType;
 }
 /**
  * An object that allows to identify a single bar.

package/models/seriesType/common.d.mts

@@ -67,6 +67,16 @@ export type CartesianSeriesType = {
    */
   yAxisId?: AxisId;
 };
+export type RadialSeriesType = {
+  /**
+   * The id of the rotation-axis used to render the series.
+   */
+  rotationAxisId?: AxisId;
+  /**
+   * The id of the radius-axis used to render the series.
+   */
+  radiusAxisId?: AxisId;
+};
 export type StackableSeriesType = {
   /**
    * The key that identifies the stacking group.

package/models/seriesType/common.d.ts

@@ -67,6 +67,16 @@ export type CartesianSeriesType = {
    */
   yAxisId?: AxisId;
 };
+export type RadialSeriesType = {
+  /**
+   * The id of the rotation-axis used to render the series.
+   */
+  rotationAxisId?: AxisId;
+  /**
+   * The id of the radius-axis used to render the series.
+   */
+  radiusAxisId?: AxisId;
+};
 export type StackableSeriesType = {
   /**
    * The key that identifies the stacking group.

package/models/seriesType/composition.d.mts

@@ -1,4 +1,6 @@
 import type { ChartSeriesType, ChartsSeriesConfig } from "./config.mjs";
 export type ComposableCartesianChartSeriesType = 'bar' | 'line' | 'scatter' | (ChartsSeriesConfig['rangeBar'] extends undefined ? never : 'rangeBar') | (ChartsSeriesConfig['ohlc'] extends undefined ? never : 'ohlc');
 export declare const composableCartesianSeriesTypes: Set<ComposableCartesianChartSeriesType>;
-export type ComposableChartSeriesType<SeriesType extends ChartSeriesType> = SeriesType extends ComposableCartesianChartSeriesType ? ComposableCartesianChartSeriesType : SeriesType;
+export type ComposableRadialChartSeriesType = 'radialLine' | 'radialBar';
+export declare const composableRadialSeriesTypes: Set<ComposableRadialChartSeriesType>;
+export type ComposableChartSeriesType<SeriesType extends ChartSeriesType> = SeriesType extends ComposableCartesianChartSeriesType ? ComposableCartesianChartSeriesType : SeriesType extends ComposableRadialChartSeriesType ? ComposableRadialChartSeriesType : SeriesType;

package/models/seriesType/composition.d.ts

@@ -1,4 +1,6 @@
 import type { ChartSeriesType, ChartsSeriesConfig } from "./config.js";
 export type ComposableCartesianChartSeriesType = 'bar' | 'line' | 'scatter' | (ChartsSeriesConfig['rangeBar'] extends undefined ? never : 'rangeBar') | (ChartsSeriesConfig['ohlc'] extends undefined ? never : 'ohlc');
 export declare const composableCartesianSeriesTypes: Set<ComposableCartesianChartSeriesType>;
-export type ComposableChartSeriesType<SeriesType extends ChartSeriesType> = SeriesType extends ComposableCartesianChartSeriesType ? ComposableCartesianChartSeriesType : SeriesType;
+export type ComposableRadialChartSeriesType = 'radialLine' | 'radialBar';
+export declare const composableRadialSeriesTypes: Set<ComposableRadialChartSeriesType>;
+export type ComposableChartSeriesType<SeriesType extends ChartSeriesType> = SeriesType extends ComposableCartesianChartSeriesType ? ComposableCartesianChartSeriesType : SeriesType extends ComposableRadialChartSeriesType ? ComposableRadialChartSeriesType : SeriesType;

package/models/seriesType/composition.js

@@ -3,5 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.composableCartesianSeriesTypes = void 0;
-const composableCartesianSeriesTypes = exports.composableCartesianSeriesTypes = new Set(['bar', 'line', 'scatter', 'rangeBar', 'ohlc']);
+exports.composableRadialSeriesTypes = exports.composableCartesianSeriesTypes = void 0;
+const composableCartesianSeriesTypes = exports.composableCartesianSeriesTypes = new Set(['bar', 'line', 'scatter', 'rangeBar', 'ohlc']);
+
+// Idem for radial series
+
+const composableRadialSeriesTypes = exports.composableRadialSeriesTypes = new Set(['radialLine', 'radialBar']);

package/models/seriesType/composition.mjs

@@ -1 +1,5 @@
-export const composableCartesianSeriesTypes = new Set(['bar', 'line', 'scatter', 'rangeBar', 'ohlc']);
+export const composableCartesianSeriesTypes = new Set(['bar', 'line', 'scatter', 'rangeBar', 'ohlc']);
+
+// Idem for radial series
+
+export const composableRadialSeriesTypes = new Set(['radialLine', 'radialBar']);

package/models/seriesType/index.d.mts

@@ -10,11 +10,11 @@ export type SeriesItemIdentifierWithData<SeriesType extends ChartSeriesType> = S
  */
 export type HighlightItemIdentifier<SeriesType extends ChartSeriesType> = SeriesType extends any ? DistributiveOmit<ChartsSeriesConfig[SeriesType]['highlightIdentifier'], 'type'> : never;
 export type HighlightItemIdentifierWithType<SeriesType extends ChartSeriesType> = SeriesType extends any ? ChartsSeriesConfig[SeriesType]['highlightIdentifier'] : never;
-export type FocusedItemIdentifier<SeriesType extends ChartSeriesType = ChartSeriesType> = SeriesType extends 'line' | 'radar' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'dataIndex'> : SeriesType extends 'heatmap' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'xIndex' | 'yIndex'> : ChartsSeriesConfig[SeriesType]['itemIdentifier'];
+export type FocusedItemIdentifier<SeriesType extends ChartSeriesType = ChartSeriesType> = SeriesType extends 'line' | 'radar' | 'radialLine' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'dataIndex'> : SeriesType extends 'heatmap' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'xIndex' | 'yIndex'> : ChartsSeriesConfig[SeriesType]['itemIdentifier'];
 export { type SeriesId } from "./common.mjs";
 export type { CartesianChartSeriesType, StackableChartSeriesType } from "./config.mjs";
-export * from "./line.mjs";
-export * from "./bar.mjs";
+export type { ShowMarkParams, MarkShape, LineSeriesType, LineItemIdentifier, DefaultizedLineSeriesType } from "./line.mjs";
+export type { BarValueType, BarSeriesType, BarItemIdentifier, DefaultizedBarSeriesType } from "./bar.mjs";
 export * from "./scatter.mjs";
 export * from "./pie.mjs";
 export * from "./radar.mjs";

package/models/seriesType/index.d.ts

@@ -10,11 +10,11 @@ export type SeriesItemIdentifierWithData<SeriesType extends ChartSeriesType> = S
  */
 export type HighlightItemIdentifier<SeriesType extends ChartSeriesType> = SeriesType extends any ? DistributiveOmit<ChartsSeriesConfig[SeriesType]['highlightIdentifier'], 'type'> : never;
 export type HighlightItemIdentifierWithType<SeriesType extends ChartSeriesType> = SeriesType extends any ? ChartsSeriesConfig[SeriesType]['highlightIdentifier'] : never;
-export type FocusedItemIdentifier<SeriesType extends ChartSeriesType = ChartSeriesType> = SeriesType extends 'line' | 'radar' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'dataIndex'> : SeriesType extends 'heatmap' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'xIndex' | 'yIndex'> : ChartsSeriesConfig[SeriesType]['itemIdentifier'];
+export type FocusedItemIdentifier<SeriesType extends ChartSeriesType = ChartSeriesType> = SeriesType extends 'line' | 'radar' | 'radialLine' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'dataIndex'> : SeriesType extends 'heatmap' ? DefaultizedProps<ChartsSeriesConfig[SeriesType]['itemIdentifier'], 'xIndex' | 'yIndex'> : ChartsSeriesConfig[SeriesType]['itemIdentifier'];
 export { type SeriesId } from "./common.js";
 export type { CartesianChartSeriesType, StackableChartSeriesType } from "./config.js";
-export * from "./line.js";
-export * from "./bar.js";
+export type { ShowMarkParams, MarkShape, LineSeriesType, LineItemIdentifier, DefaultizedLineSeriesType } from "./line.js";
+export type { BarValueType, BarSeriesType, BarItemIdentifier, DefaultizedBarSeriesType } from "./bar.js";
 export * from "./scatter.js";
 export * from "./pie.js";
 export * from "./radar.js";

package/models/seriesType/index.js

@@ -3,28 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _line = require("./line");
-Object.keys(_line).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _line[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _line[key];
-    }
-  });
-});
-var _bar = require("./bar");
-Object.keys(_bar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _bar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _bar[key];
-    }
-  });
-});
 var _scatter = require("./scatter");
 Object.keys(_scatter).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/models/seriesType/index.mjs

@@ -9,8 +9,6 @@
  * Identifies an highlighted item or series.
  */
 
-export * from "./line.mjs";
-export * from "./bar.mjs";
 export * from "./scatter.mjs";
 export * from "./pie.mjs";
 export * from "./radar.mjs";

package/models/seriesType/line.d.mts

@@ -1,6 +1,6 @@
 import { type DefaultizedProps } from '@mui/x-internals/types';
 import type { StackOffsetType } from "../stacking.mjs";
-import { type CartesianSeriesType, type CommonDefaultizedProps, type CommonSeriesType, type SeriesId, type StackableSeriesType } from "./common.mjs";
+import type { CartesianSeriesType, CommonDefaultizedProps, CommonSeriesType, SeriesId, StackableSeriesType } from "./common.mjs";
 import { type DatasetElementType } from "./config.mjs";
 import { type CurveType } from "../curve.mjs";
 export interface ShowMarkParams<AxisValue = number | Date> {
@@ -26,8 +26,10 @@ export interface ShowMarkParams<AxisValue = number | Date> {
   value: number;
 }
 export type MarkShape = 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
-export interface LineSeriesType extends CommonSeriesType<number | null, 'line'>, CartesianSeriesType, StackableSeriesType {
-  type: 'line';
+/**
+ * @internal The series type shared by the line and radialLine charts
+ */
+export interface CommonLineSeriesType {
   /**
    * Data associated to the line.
    */
@@ -86,11 +88,6 @@ export interface LineSeriesType extends CommonSeriesType<number | null, 'line'>,
    * @default false
    */
   connectNulls?: boolean;
-  /**
-   * Defines how stacked series handle negative values.
-   * @default 'none'
-   */
-  stackOffset?: StackOffsetType;
   /**
    * The value of the line at the base of the series area.
    *
@@ -102,6 +99,14 @@ export interface LineSeriesType extends CommonSeriesType<number | null, 'line'>,
    */
   baseline?: number | 'min' | 'max';
 }
+export interface LineSeriesType extends CommonSeriesType<number | null, 'line'>, CartesianSeriesType, StackableSeriesType, CommonLineSeriesType {
+  type: 'line';
+  /**
+   * Defines how stacked series handle negative values.
+   * @default 'none'
+   */
+  stackOffset?: StackOffsetType;
+}
 /**
  * An object that allows to identify a single line.
  * Used for item interaction