@mui/x-charts 8.9.0 → 8.9.2

package/esm/SparkLineChart/SparkLineChart.js

@@ -477,6 +477,53 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     valueFormatter: PropTypes.func
+  }), PropTypes.shape({
+    axis: PropTypes.oneOf(['x']),
+    classes: PropTypes.object,
+    colorMap: PropTypes.oneOfType([PropTypes.shape({
+      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
+      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      type: PropTypes.oneOf(['continuous']).isRequired
+    }), PropTypes.shape({
+      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
+      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
+      type: PropTypes.oneOf(['piecewise']).isRequired
+    })]),
+    constant: PropTypes.number,
+    data: PropTypes.array,
+    dataKey: PropTypes.string,
+    disableLine: PropTypes.bool,
+    disableTicks: PropTypes.bool,
+    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
+    fill: PropTypes.string,
+    height: PropTypes.number,
+    hideTooltip: PropTypes.bool,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    ignoreTooltip: PropTypes.bool,
+    label: PropTypes.string,
+    labelStyle: PropTypes.object,
+    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    offset: PropTypes.number,
+    position: PropTypes.oneOf(['bottom', 'none', 'top']),
+    reverse: PropTypes.bool,
+    scaleType: PropTypes.oneOf(['symlog']),
+    slotProps: PropTypes.object,
+    slots: PropTypes.object,
+    stroke: PropTypes.string,
+    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
+    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
+    tickLabelMinGap: PropTypes.number,
+    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
+    tickLabelStyle: PropTypes.object,
+    tickMaxStep: PropTypes.number,
+    tickMinStep: PropTypes.number,
+    tickNumber: PropTypes.number,
+    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
+    tickSize: PropTypes.number,
+    valueFormatter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -859,6 +906,52 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     valueFormatter: PropTypes.func,
     width: PropTypes.number
+  }), PropTypes.shape({
+    axis: PropTypes.oneOf(['y']),
+    classes: PropTypes.object,
+    colorMap: PropTypes.oneOfType([PropTypes.shape({
+      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
+      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+      type: PropTypes.oneOf(['continuous']).isRequired
+    }), PropTypes.shape({
+      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
+      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
+      type: PropTypes.oneOf(['piecewise']).isRequired
+    })]),
+    constant: PropTypes.number,
+    data: PropTypes.array,
+    dataKey: PropTypes.string,
+    disableLine: PropTypes.bool,
+    disableTicks: PropTypes.bool,
+    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
+    fill: PropTypes.string,
+    hideTooltip: PropTypes.bool,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    ignoreTooltip: PropTypes.bool,
+    label: PropTypes.string,
+    labelStyle: PropTypes.object,
+    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    offset: PropTypes.number,
+    position: PropTypes.oneOf(['left', 'none', 'right']),
+    reverse: PropTypes.bool,
+    scaleType: PropTypes.oneOf(['symlog']),
+    slotProps: PropTypes.object,
+    slots: PropTypes.object,
+    stroke: PropTypes.string,
+    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
+    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
+    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
+    tickLabelStyle: PropTypes.object,
+    tickMaxStep: PropTypes.number,
+    tickMinStep: PropTypes.number,
+    tickNumber: PropTypes.number,
+    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
+    tickSize: PropTypes.number,
+    valueFormatter: PropTypes.func,
+    width: PropTypes.number
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
     classes: PropTypes.object,

package/esm/index.d.ts

@@ -26,4 +26,5 @@ export * from "./ChartsSurface/index.js";
 export { ChartContainer } from "./ChartContainer/index.js";
 export type { ChartContainerProps } from "./ChartContainer/index.js";
 export * from "./ChartDataProvider/index.js";
-export * from "./Toolbar/index.js";
+export * from "./Toolbar/index.js";
+export * from "./ChartsWrapper/index.js";

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.9.0
+ * @mui/x-charts v8.9.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -32,4 +32,8 @@ export * from "./RadarChart/index.js";
 export * from "./ChartsSurface/index.js";
 export { ChartContainer } from "./ChartContainer/index.js";
 export * from "./ChartDataProvider/index.js";
-export * from "./Toolbar/index.js";
+export * from "./Toolbar/index.js";
+export * from "./ChartsWrapper/index.js";
+
+// Locales should be imported from `@mui/x-charts/locales`
+// export * from './locales';

package/esm/internals/findMinMax.d.ts

@@ -0,0 +1 @@
+export declare function findMinMax(data: readonly number[]): [number, number];

package/esm/internals/findMinMax.js

@@ -0,0 +1,13 @@
+export function findMinMax(data) {
+  let min = Infinity;
+  let max = -Infinity;
+  for (const value of data ?? []) {
+    if (value < min) {
+      min = value;
+    }
+    if (value > max) {
+      max = value;
+    }
+  }
+  return [min, max];
+}

package/esm/internals/getScale.js

@@ -1,4 +1,5 @@
 import { scaleLog, scalePow, scaleSqrt, scaleTime, scaleUtc, scaleLinear } from '@mui/x-charts-vendor/d3-scale';
+import { scaleSymlog } from "./symlogScale.js";
 export function getScale(scaleType, domain, range) {
   switch (scaleType) {
     case 'log':
@@ -11,6 +12,8 @@ export function getScale(scaleType, domain, range) {
       return scaleTime(domain, range);
     case 'utc':
       return scaleUtc(domain, range);
+    case 'symlog':
+      return scaleSymlog(domain, range);
     default:
       return scaleLinear(domain, range);
   }

package/esm/internals/index.d.ts

@@ -1,5 +1,4 @@
 export * from "./components/ChartsAxesGradients/index.js";
-export * from "./components/ChartsWrapper/index.js";
 export * from "../ChartsLabel/ChartsLabelMark.js";
 export * from "./components/NotRendered.js";
 export { useSeries } from "../hooks/useSeries.js";
@@ -54,6 +53,7 @@ export * from "./ticks.js";
 export * from "./dateHelpers.js";
 export * from "./invertScale.js";
 export * from "./isBandScale.js";
+export * from "./findMinMax.js";
 export { getAxisExtremum } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.js";
 export * from "../context/ChartProvider/index.js";
 export * from "../context/ChartsSlotsContext.js";

package/esm/internals/index.js

@@ -1,6 +1,5 @@
 // Components
 export * from "./components/ChartsAxesGradients/index.js";
-export * from "./components/ChartsWrapper/index.js";
 export * from "../ChartsLabel/ChartsLabelMark.js";
 export * from "./components/NotRendered.js";
 
@@ -64,6 +63,7 @@ export * from "./ticks.js";
 export * from "./dateHelpers.js";
 export * from "./invertScale.js";
 export * from "./isBandScale.js";
+export * from "./findMinMax.js";
 
 // contexts
 export { getAxisExtremum } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.js";

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { scaleBand, scalePoint } from '@mui/x-charts-vendor/d3-scale';
 import { createScalarFormatter } from "../../../defaultValueFormatters.js";
-import { isBandScaleConfig, isPointScaleConfig } from "../../../../models/axis.js";
+import { isBandScaleConfig, isPointScaleConfig, isSymlogScaleConfig } from "../../../../models/axis.js";
 import { getColorScale, getOrdinalColorScale } from "../../../colorScale.js";
 import { getTickNumber, scaleTickNumberByRange } from "../../../ticks.js";
 import { getScale } from "../../../getScale.js";
@@ -114,6 +114,9 @@ export function computeAxisValue({
     const tickNumber = scaleTickNumberByRange(rawTickNumber, zoomRange);
     const zoomedRange = zoomScaleRange(range, zoomRange);
     const scale = getScale(scaleType, axisExtremums, zoomedRange);
+    if (isSymlogScaleConfig(axis) && axis.constant != null) {
+      scale.constant(axis.constant);
+    }
     const finalScale = domainLimit === 'nice' ? scale.nice(rawTickNumber) : scale;
     const [minDomain, maxDomain] = finalScale.domain();
     const domain = [axis.min ?? minDomain, axis.max ?? maxDomain];

package/esm/internals/plugins/featurePlugins/useChartVoronoi/useChartVoronoi.js

@@ -67,22 +67,24 @@ export const useChartVoronoi = ({
       const yScale = yAxis[yAxisId ?? defaultYAxisId].scale;
       const getXPosition = getValueToPositionMapper(xScale);
       const getYPosition = getValueToPositionMapper(yScale);
-      const seriesPoints = data.flatMap(({
-        x,
-        y
-      }) => {
+      const seriesPoints = [];
+      const seriesIndexes = [];
+      for (let dataIndex = 0; dataIndex < data.length; dataIndex += 1) {
+        const {
+          x,
+          y
+        } = data[dataIndex];
         const pointX = getXPosition(x);
         const pointY = getYPosition(y);
-        if (!instance.isPointInside(pointX, pointY)) {
-          // If the point is not displayed we move them to a trash coordinate.
-          // This avoids managing index mapping before/after filtering.
-          // The trash point is far enough such that any point in the drawing area will be closer to the mouse than the trash coordinate.
-          return [-drawingArea.width, -drawingArea.height];
+        if (instance.isPointInside(pointX, pointY)) {
+          seriesPoints.push(pointX);
+          seriesPoints.push(pointY);
+          seriesIndexes.push(dataIndex);
         }
-        return [pointX, pointY];
-      });
+      }
       voronoiRef.current[seriesId] = {
         seriesId,
+        seriesIndexes,
         startIndex: points.length,
         endIndex: points.length + seriesPoints.length
       };
@@ -117,7 +119,10 @@ export const useChartVoronoi = ({
       if (closestSeries === undefined) {
         return 'no-point-found';
       }
-      const dataIndex = (2 * closestPointIndex - voronoiRef.current[closestSeries.seriesId].startIndex) / 2;
+
+      // The point index in the series with id=closestSeries.seriesId.
+      const seriesPointIndex = (2 * closestPointIndex - voronoiRef.current[closestSeries.seriesId].startIndex) / 2;
+      const dataIndex = voronoiRef.current[closestSeries.seriesId].seriesIndexes[seriesPointIndex];
       if (voronoiMaxRadius !== undefined) {
         const pointX = delauneyRef.current.points[2 * closestPointIndex];
         const pointY = delauneyRef.current.points[2 * closestPointIndex + 1];

package/esm/internals/symlogScale.d.ts

@@ -0,0 +1,2 @@
+import { NumberValue, ScaleSymLog } from '@mui/x-charts-vendor/d3-scale';
+export declare function scaleSymlog<Range, Output = Range, Unknown = never>(_domain: Iterable<NumberValue>, _range: Iterable<Range>): ScaleSymLog<Range, Output, Unknown>;

package/esm/internals/symlogScale.js

@@ -0,0 +1,94 @@
+import { scaleSymlog as originalScaleSymlog, scaleLog, scaleLinear } from '@mui/x-charts-vendor/d3-scale';
+export function scaleSymlog(_domain, _range) {
+  const scale = originalScaleSymlog(_domain, _range);
+  const originalTicks = scale.ticks;
+  const {
+    negativeScale,
+    linearScale,
+    positiveScale
+  } = generateScales(scale);
+
+  // Workaround for https://github.com/d3/d3-scale/issues/162
+  scale.ticks = count => {
+    const ticks = originalTicks(count);
+    const constant = scale.constant();
+    let negativeLogTickCount = 0;
+    let linearTickCount = 0;
+    let positiveLogTickCount = 0;
+    ticks.forEach(tick => {
+      if (tick > -constant && tick < constant) {
+        linearTickCount += 1;
+      }
+      if (tick <= -constant) {
+        negativeLogTickCount += 1;
+      }
+      if (tick >= constant) {
+        positiveLogTickCount += 1;
+      }
+    });
+    const finalTicks = [];
+    if (negativeLogTickCount > 0) {
+      finalTicks.push(...negativeScale.ticks(negativeLogTickCount));
+    }
+    if (linearTickCount > 0) {
+      const linearTicks = linearScale.ticks(linearTickCount);
+      if (finalTicks.at(-1) === linearTicks[0]) {
+        finalTicks.push(...linearTicks.slice(1));
+      } else {
+        finalTicks.push(...linearTicks);
+      }
+    }
+    if (positiveLogTickCount > 0) {
+      const positiveTicks = positiveScale.ticks(positiveLogTickCount);
+      if (finalTicks.at(-1) === positiveTicks[0]) {
+        finalTicks.push(...positiveTicks.slice(1));
+      } else {
+        finalTicks.push(...positiveTicks);
+      }
+    }
+    return finalTicks;
+  };
+  scale.tickFormat = (count = 10, specifier) => {
+    // Calculates the proportion of the domain that each scale occupies, and use that ratio to determine the number of ticks for each scale.
+    const constant = scale.constant();
+    const [start, end] = scale.domain();
+    const extent = end - start;
+    const negativeScaleDomain = negativeScale.domain();
+    const negativeScaleExtent = negativeScaleDomain[1] - negativeScaleDomain[0];
+    const negativeScaleRatio = extent === 0 ? 0 : negativeScaleExtent / extent;
+    const negativeScaleTickCount = negativeScaleRatio * count;
+    const linearScaleDomain = linearScale.domain();
+    const linearScaleExtent = linearScaleDomain[1] - linearScaleDomain[0];
+    const linearScaleRatio = extent === 0 ? 0 : linearScaleExtent / extent;
+    const linearScaleTickCount = linearScaleRatio * count;
+    const positiveScaleDomain = positiveScale.domain();
+    const positiveScaleExtent = positiveScaleDomain[1] - positiveScaleDomain[0];
+    const positiveScaleRatio = extent === 0 ? 0 : positiveScaleExtent / extent;
+    const positiveScaleTickCount = positiveScaleRatio * count;
+    const negativeTickFormat = negativeScale.tickFormat(negativeScaleTickCount, specifier);
+    const linearTickFormat = linearScale.tickFormat(linearScaleTickCount, specifier);
+    const positiveTickFormat = positiveScale.tickFormat(positiveScaleTickCount, specifier);
+    return tick => {
+      const tickFormat =
+      // eslint-disable-next-line no-nested-ternary
+      tick.valueOf() <= -constant ? negativeTickFormat : tick.valueOf() >= constant ? positiveTickFormat : linearTickFormat;
+      return tickFormat(tick);
+    };
+  };
+  return scale;
+}
+function generateScales(scale) {
+  const constant = scale.constant();
+  const domain = scale.domain();
+  const negativeDomain = [domain[0], Math.min(domain[1], -constant)];
+  const negativeLogScale = scaleLog(negativeDomain, scale.range());
+  const linearDomain = [Math.max(domain[0], -constant), Math.min(domain[1], constant)];
+  const linearScale = scaleLinear(linearDomain, scale.range());
+  const positiveDomain = [Math.max(domain[0], constant), domain[1]];
+  const positiveLogScale = scaleLog(positiveDomain, scale.range());
+  return {
+    negativeScale: negativeLogScale,
+    linearScale,
+    positiveScale: positiveLogScale
+  };
+}

package/esm/models/axis.d.ts

@@ -1,4 +1,4 @@
-import type { ScaleBand, ScaleLinear, ScaleLogarithmic, ScaleOrdinal, ScalePoint, ScalePower, ScaleSequential, ScaleThreshold, ScaleTime } from '@mui/x-charts-vendor/d3-scale';
+import type { ScaleBand, ScaleLinear, ScaleLogarithmic, ScaleOrdinal, ScalePoint, ScalePower, ScaleSequential, ScaleThreshold, ScaleTime, ScaleSymLog } from '@mui/x-charts-vendor/d3-scale';
 import { SxProps } from '@mui/system/styleFunctionSx';
 import { type MakeOptional, MakeRequired } from '@mui/x-internals/types';
 import type { DefaultizedZoomOptions } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
@@ -9,8 +9,8 @@ import { ContinuousColorConfig, OrdinalColorConfig, PiecewiseColorConfig } from
 export type AxisId = string | number;
 export type D3Scale<Domain extends {
   toString(): string;
-} = number | Date | string, Range = number, Output = number> = ScaleBand<Domain> | ScaleLogarithmic<Range, Output> | ScalePoint<Domain> | ScalePower<Range, Output> | ScaleTime<Range, Output> | ScaleLinear<Range, Output>;
-export type D3ContinuousScale<Range = number, Output = number> = ScaleLogarithmic<Range, Output> | ScalePower<Range, Output> | ScaleTime<Range, Output> | ScaleLinear<Range, Output>;
+} = number | Date | string, Range = number, Output = number> = ScaleBand<Domain> | ScaleSymLog<Range, Output> | ScaleLogarithmic<Range, Output> | ScalePoint<Domain> | ScalePower<Range, Output> | ScaleTime<Range, Output> | ScaleLinear<Range, Output>;
+export type D3ContinuousScale<Range = number, Output = number> = ScaleSymLog<Range, Output> | ScaleLogarithmic<Range, Output> | ScalePower<Range, Output> | ScaleTime<Range, Output> | ScaleLinear<Range, Output>;
 export interface ChartsAxisSlots {
   /**
    * Custom component for the axis main line.
@@ -179,7 +179,7 @@ export interface ChartsRadiusAxisProps extends ChartsAxisProps {
   maxRadius?: number;
 }
 export type ScaleName = keyof AxisScaleConfig;
-export type ContinuousScaleName = 'linear' | 'log' | 'pow' | 'sqrt' | 'time' | 'utc';
+export type ContinuousScaleName = 'linear' | 'log' | 'symlog' | 'pow' | 'sqrt' | 'time' | 'utc';
 export interface AxisScaleConfig {
   band: {
     scaleType: 'band';
@@ -208,6 +208,16 @@ export interface AxisScaleConfig {
     scale: ScaleLogarithmic<number, number>;
     colorMap?: ContinuousColorConfig | PiecewiseColorConfig;
   };
+  symlog: {
+    scaleType: 'symlog';
+    scale: ScaleSymLog<number, number>;
+    colorMap?: ContinuousColorConfig | PiecewiseColorConfig;
+    /**
+     * The constant used to define the zero point of the symlog scale.
+     * @default 1
+     */
+    constant?: number;
+  };
   pow: {
     scaleType: 'pow';
     scale: ScalePower<number, number>;
@@ -248,6 +258,9 @@ export interface AxisScaleComputedConfig {
   log: {
     colorScale?: ScaleSequential<string, string | null> | ScaleThreshold<number, string | null>;
   };
+  symlog: {
+    colorScale?: ScaleSequential<string, string | null> | ScaleThreshold<number, string | null>;
+  };
   pow: {
     colorScale?: ScaleSequential<string, string | null> | ScaleThreshold<number, string | null>;
   };
@@ -417,6 +430,9 @@ export declare function isBandScaleConfig(scaleConfig: AxisConfig<ScaleName>): s
 export declare function isPointScaleConfig(scaleConfig: AxisConfig<ScaleName>): scaleConfig is AxisConfig<'point'> & {
   scaleType: 'point';
 };
+export declare function isSymlogScaleConfig(scaleConfig: AxisConfig<ScaleName>): scaleConfig is AxisConfig<'symlog'> & {
+  scaleType: 'symlog';
+};
 /**
  * The data format returned by onAxisClick.
  */

package/esm/models/axis.js

@@ -17,6 +17,9 @@ export function isBandScaleConfig(scaleConfig) {
 export function isPointScaleConfig(scaleConfig) {
   return scaleConfig.scaleType === 'point';
 }
+export function isSymlogScaleConfig(scaleConfig) {
+  return scaleConfig.scaleType === 'symlog';
+}
 
 /**
  * The data format returned by onAxisClick.

package/index.d.ts

@@ -26,4 +26,5 @@ export * from "./ChartsSurface/index.js";
 export { ChartContainer } from "./ChartContainer/index.js";
 export type { ChartContainerProps } from "./ChartContainer/index.js";
 export * from "./ChartDataProvider/index.js";
-export * from "./Toolbar/index.js";
+export * from "./Toolbar/index.js";
+export * from "./ChartsWrapper/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.9.0
+ * @mui/x-charts v8.9.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -343,4 +343,16 @@ Object.keys(_Toolbar).forEach(function (key) {
       return _Toolbar[key];
     }
   });
+});
+var _ChartsWrapper = require("./ChartsWrapper");
+Object.keys(_ChartsWrapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsWrapper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsWrapper[key];
+    }
+  });
 });

package/internals/findMinMax.d.ts

@@ -0,0 +1 @@
+export declare function findMinMax(data: readonly number[]): [number, number];

package/internals/findMinMax.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findMinMax = findMinMax;
+function findMinMax(data) {
+  let min = Infinity;
+  let max = -Infinity;
+  for (const value of data ?? []) {
+    if (value < min) {
+      min = value;
+    }
+    if (value > max) {
+      max = value;
+    }
+  }
+  return [min, max];
+}

package/internals/getScale.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getScale = getScale;
 var _d3Scale = require("@mui/x-charts-vendor/d3-scale");
+var _symlogScale = require("./symlogScale");
 function getScale(scaleType, domain, range) {
   switch (scaleType) {
     case 'log':
@@ -17,6 +18,8 @@ function getScale(scaleType, domain, range) {
       return (0, _d3Scale.scaleTime)(domain, range);
     case 'utc':
       return (0, _d3Scale.scaleUtc)(domain, range);
+    case 'symlog':
+      return (0, _symlogScale.scaleSymlog)(domain, range);
     default:
       return (0, _d3Scale.scaleLinear)(domain, range);
   }

package/internals/index.d.ts

@@ -1,5 +1,4 @@
 export * from "./components/ChartsAxesGradients/index.js";
-export * from "./components/ChartsWrapper/index.js";
 export * from "../ChartsLabel/ChartsLabelMark.js";
 export * from "./components/NotRendered.js";
 export { useSeries } from "../hooks/useSeries.js";
@@ -54,6 +53,7 @@ export * from "./ticks.js";
 export * from "./dateHelpers.js";
 export * from "./invertScale.js";
 export * from "./isBandScale.js";
+export * from "./findMinMax.js";
 export { getAxisExtremum } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.js";
 export * from "../context/ChartProvider/index.js";
 export * from "../context/ChartsSlotsContext.js";

package/internals/index.js

@@ -122,18 +122,6 @@ Object.keys(_ChartsAxesGradients).forEach(function (key) {
     }
   });
 });
-var _ChartsWrapper = require("./components/ChartsWrapper");
-Object.keys(_ChartsWrapper).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ChartsWrapper[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartsWrapper[key];
-    }
-  });
-});
 var _ChartsLabelMark = require("../ChartsLabel/ChartsLabelMark");
 Object.keys(_ChartsLabelMark).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -628,6 +616,18 @@ Object.keys(_isBandScale).forEach(function (key) {
     }
   });
 });
+var _findMinMax = require("./findMinMax");
+Object.keys(_findMinMax).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _findMinMax[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _findMinMax[key];
+    }
+  });
+});
 var _getAxisExtremum = require("./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum");
 var _ChartProvider = require("../context/ChartProvider");
 Object.keys(_ChartProvider).forEach(function (key) {

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

@@ -121,6 +121,9 @@ function computeAxisValue({
     const tickNumber = (0, _ticks.scaleTickNumberByRange)(rawTickNumber, zoomRange);
     const zoomedRange = (0, _zoom.zoomScaleRange)(range, zoomRange);
     const scale = (0, _getScale.getScale)(scaleType, axisExtremums, zoomedRange);
+    if ((0, _axis.isSymlogScaleConfig)(axis) && axis.constant != null) {
+      scale.constant(axis.constant);
+    }
     const finalScale = domainLimit === 'nice' ? scale.nice(rawTickNumber) : scale;
     const [minDomain, maxDomain] = finalScale.domain();
     const domain = [axis.min ?? minDomain, axis.max ?? maxDomain];

package/internals/plugins/featurePlugins/useChartVoronoi/useChartVoronoi.js

@@ -74,22 +74,24 @@ const useChartVoronoi = ({
       const yScale = yAxis[yAxisId ?? defaultYAxisId].scale;
       const getXPosition = (0, _useScale.getValueToPositionMapper)(xScale);
       const getYPosition = (0, _useScale.getValueToPositionMapper)(yScale);
-      const seriesPoints = data.flatMap(({
-        x,
-        y
-      }) => {
+      const seriesPoints = [];
+      const seriesIndexes = [];
+      for (let dataIndex = 0; dataIndex < data.length; dataIndex += 1) {
+        const {
+          x,
+          y
+        } = data[dataIndex];
         const pointX = getXPosition(x);
         const pointY = getYPosition(y);
-        if (!instance.isPointInside(pointX, pointY)) {
-          // If the point is not displayed we move them to a trash coordinate.
-          // This avoids managing index mapping before/after filtering.
-          // The trash point is far enough such that any point in the drawing area will be closer to the mouse than the trash coordinate.
-          return [-drawingArea.width, -drawingArea.height];
+        if (instance.isPointInside(pointX, pointY)) {
+          seriesPoints.push(pointX);
+          seriesPoints.push(pointY);
+          seriesIndexes.push(dataIndex);
         }
-        return [pointX, pointY];
-      });
+      }
       voronoiRef.current[seriesId] = {
         seriesId,
+        seriesIndexes,
         startIndex: points.length,
         endIndex: points.length + seriesPoints.length
       };
@@ -124,7 +126,10 @@ const useChartVoronoi = ({
       if (closestSeries === undefined) {
         return 'no-point-found';
       }
-      const dataIndex = (2 * closestPointIndex - voronoiRef.current[closestSeries.seriesId].startIndex) / 2;
+
+      // The point index in the series with id=closestSeries.seriesId.
+      const seriesPointIndex = (2 * closestPointIndex - voronoiRef.current[closestSeries.seriesId].startIndex) / 2;
+      const dataIndex = voronoiRef.current[closestSeries.seriesId].seriesIndexes[seriesPointIndex];
       if (voronoiMaxRadius !== undefined) {
         const pointX = delauneyRef.current.points[2 * closestPointIndex];
         const pointY = delauneyRef.current.points[2 * closestPointIndex + 1];

package/internals/symlogScale.d.ts

@@ -0,0 +1,2 @@
+import { NumberValue, ScaleSymLog } from '@mui/x-charts-vendor/d3-scale';
+export declare function scaleSymlog<Range, Output = Range, Unknown = never>(_domain: Iterable<NumberValue>, _range: Iterable<Range>): ScaleSymLog<Range, Output, Unknown>;