@mui/x-charts 8.4.0 → 8.5.1

package/internals/index.js

@@ -10,7 +10,7 @@ var _exportNames = {
   useScatterChartProps: true,
   useLineChartProps: true,
   useBarChartProps: true,
-  unstable_cleanupDOM: true,
+  useRadarChartProps: true,
   getAxisExtremum: true
 };
 Object.defineProperty(exports, "getAxisExtremum", {
@@ -19,12 +19,6 @@ Object.defineProperty(exports, "getAxisExtremum", {
     return _getAxisExtremum.getAxisExtremum;
   }
 });
-Object.defineProperty(exports, "unstable_cleanupDOM", {
-  enumerable: true,
-  get: function () {
-    return _domUtils.unstable_cleanupDOM;
-  }
-});
 Object.defineProperty(exports, "useBarChartProps", {
   enumerable: true,
   get: function () {
@@ -49,6 +43,12 @@ Object.defineProperty(exports, "useLineChartProps", {
     return _useLineChartProps.useLineChartProps;
   }
 });
+Object.defineProperty(exports, "useRadarChartProps", {
+  enumerable: true,
+  get: function () {
+    return _useRadarChartProps.useRadarChartProps;
+  }
+});
 Object.defineProperty(exports, "useScatterChartProps", {
   enumerable: true,
   get: function () {
@@ -103,6 +103,7 @@ var _useDrawingArea = require("../hooks/useDrawingArea");
 var _useScatterChartProps = require("../ScatterChart/useScatterChartProps");
 var _useLineChartProps = require("../LineChart/useLineChartProps");
 var _useBarChartProps = require("../BarChart/useBarChartProps");
+var _useRadarChartProps = require("../RadarChart/useRadarChartProps");
 var _useChartContainerProps = require("../ChartContainer/useChartContainerProps");
 Object.keys(_useChartContainerProps).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -331,6 +332,30 @@ Object.keys(_ScatterChart).forEach(function (key) {
     }
   });
 });
+var _RadarChart = require("../RadarChart/RadarChart.plugins");
+Object.keys(_RadarChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _RadarChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RadarChart[key];
+    }
+  });
+});
+var _PieChart = require("../PieChart/PieChart.plugins");
+Object.keys(_PieChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PieChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PieChart[key];
+    }
+  });
+});
 var _defaultizeValueFormatter = require("./defaultizeValueFormatter");
 Object.keys(_defaultizeValueFormatter).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -391,7 +416,6 @@ Object.keys(_isDefined).forEach(function (key) {
     }
   });
 });
-var _domUtils = require("./domUtils");
 var _getScale = require("./getScale");
 Object.keys(_getScale).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -464,6 +488,30 @@ Object.keys(_defaultizeMargin).forEach(function (key) {
     }
   });
 });
+var _dateHelpers = require("./dateHelpers");
+Object.keys(_dateHelpers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _dateHelpers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dateHelpers[key];
+    }
+  });
+});
+var _invertScale = require("./invertScale");
+Object.keys(_invertScale).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _invertScale[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _invertScale[key];
+    }
+  });
+});
 var _getAxisExtremum = require("./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum");
 var _ChartProvider = require("../context/ChartProvider");
 Object.keys(_ChartProvider).forEach(function (key) {
@@ -477,6 +525,18 @@ Object.keys(_ChartProvider).forEach(function (key) {
     }
   });
 });
+var _ChartsSlotsContext = require("../context/ChartsSlotsContext");
+Object.keys(_ChartsSlotsContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsSlotsContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsSlotsContext[key];
+    }
+  });
+});
 var _config = require("../models/seriesType/config");
 Object.keys(_config).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/internals/invertScale.d.ts

@@ -0,0 +1,2 @@
+import { D3Scale } from "../models/axis.js";
+export declare function invertScale<T>(scale: D3Scale, data: readonly T[], value: number): number | Date | T;

package/internals/invertScale.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.invertScale = invertScale;
+var _isBandScale = require("./isBandScale");
+function invertScale(scale, data, value) {
+  if ((0, _isBandScale.isBandScale)(scale)) {
+    const dataIndex = scale.bandwidth() === 0 ? Math.floor((value - Math.min(...scale.range()) + scale.step() / 2) / scale.step()) : Math.floor((value - Math.min(...scale.range())) / scale.step());
+    return data[dataIndex];
+  }
+  return scale.invert(value);
+}

package/internals/material/index.d.ts

@@ -1,4 +1,6 @@
+import type * as React from 'react';
 import { ChartsBaseSlots } from "../../models/slots/chartsBaseSlots.js";
 import { ChartsIconSlots } from "../../models/slots/chartsIconSlots.js";
 export type ChartsSlots = ChartsBaseSlots & ChartsIconSlots;
+export type ChartsSlotProps = { [key in keyof ChartsSlots]: React.ComponentProps<ChartsSlots[key]> };
 export declare const defaultSlotsMaterial: ChartsSlots;

package/internals/material/index.js

@@ -7,7 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.defaultSlotsMaterial = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 const baseSlots = {
+  baseButton: _Button.default,
   baseIconButton: _IconButton.default
 };
 const iconSlots = {};

package/internals/plugins/allPlugins.d.ts

@@ -6,4 +6,5 @@ import { UseChartPolarAxisSignature } from "./featurePlugins/useChartPolarAxis/i
 import { UseChartVoronoiSignature } from "./featurePlugins/useChartVoronoi/index.js";
 import { UseChartZAxisSignature } from "./featurePlugins/useChartZAxis/index.js";
 export type AllPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartCartesianAxisSignature<TSeries>, UseChartPolarAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartVoronoiSignature];
+export type DefaultPluginSignatures<TSeries extends ChartSeriesType = ChartSeriesType> = [UseChartZAxisSignature, UseChartCartesianAxisSignature<TSeries>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartVoronoiSignature];
 export declare const DEFAULT_PLUGINS: readonly [import("./models/index.js").ChartPlugin<UseChartZAxisSignature>, import("./models/index.js").ChartPlugin<UseChartCartesianAxisSignature<any>>, import("./models/index.js").ChartPlugin<UseChartInteractionSignature>, import("./models/index.js").ChartPlugin<UseChartHighlightSignature>, import("./models/index.js").ChartPlugin<UseChartVoronoiSignature>];

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

@@ -11,6 +11,7 @@ var _axis = require("../../../../models/axis");
 var _colorScale = require("../../../colorScale");
 var _ticks = require("../../../ticks");
 var _getScale = require("../../../getScale");
+var _dateHelpers = require("../../../dateHelpers");
 var _zoom = require("./zoom");
 var _getAxisExtremum = require("./getAxisExtremum");
 var _getAxisTriggerTooltip = require("./getAxisTriggerTooltip");
@@ -20,13 +21,6 @@ axis) {
   const range = axisDirection === 'x' ? [drawingArea.left, drawingArea.left + drawingArea.width] : [drawingArea.top + drawingArea.height, drawingArea.top];
   return axis.reverse ? [range[1], range[0]] : range;
 }
-const isDateData = data => data?.[0] instanceof Date;
-function createDateFormatter(axis, range) {
-  const timeScale = (0, _d3Scale.scaleTime)(axis.data, range);
-  return (v, {
-    location
-  }) => location === 'tick' ? timeScale.tickFormat(axis.tickNumber)(v) : `${v.toLocaleString()}`;
-}
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
 const DEFAULT_BAR_GAP_RATIO = 0.1;
 function computeAxisValue({
@@ -77,8 +71,8 @@ function computeAxisValue({
           values: axis.data
         }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
       });
-      if (isDateData(axis.data)) {
-        const dateFormatter = createDateFormatter(axis, scaleRange);
+      if ((0, _dateHelpers.isDateData)(axis.data)) {
+        const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis, scaleRange);
         completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
       }
     }
@@ -97,8 +91,8 @@ function computeAxisValue({
           values: axis.data
         }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
       });
-      if (isDateData(axis.data)) {
-        const dateFormatter = createDateFormatter(axis, scaleRange);
+      if ((0, _dateHelpers.isDateData)(axis.data)) {
+        const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis, scaleRange);
         completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
       }
     }

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

@@ -1,4 +1,18 @@
 import { AxisId } from "../../../../models/axis.js";
 import { DefaultizedZoomOptions } from "./useChartCartesianAxis.types.js";
 import { ZoomOptions } from "./zoom.types.js";
+export declare const defaultZoomOptions: {
+  minStart: number;
+  maxEnd: number;
+  step: number;
+  minSpan: number;
+  maxSpan: number;
+  panning: true;
+  filterMode: "keep";
+  slider: {
+    enabled: false;
+    size: number;
+    showTooltip: import("./zoom.types.js").ZoomSliderShowTooltip;
+  };
+};
 export declare const defaultizeZoom: (zoom: boolean | ZoomOptions | undefined, axisId: AxisId, axisDirection: "x" | "y") => DefaultizedZoomOptions | undefined;

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

@@ -4,10 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultizeZoom = void 0;
+exports.defaultizeZoom = exports.defaultZoomOptions = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _constants = require("../../../constants");
-const defaultZoomOptions = {
+const defaultZoomOptions = exports.defaultZoomOptions = {
   minStart: 0,
   maxEnd: 100,
   step: 5,
@@ -17,7 +17,8 @@ const defaultZoomOptions = {
   filterMode: 'keep',
   slider: {
     enabled: false,
-    size: _constants.DEFAULT_ZOOM_SLIDER_SIZE
+    size: _constants.DEFAULT_ZOOM_SLIDER_SIZE,
+    showTooltip: _constants.DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP
   }
 };
 const defaultizeZoom = (zoom, axisId, axisDirection) => {

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

@@ -2,7 +2,7 @@ import type { ChartPluginSignature } from "../../models/index.js";
 import type { ChartSeriesType, DatasetType } from "../../../../models/seriesType/config.js";
 import type { ComputedAxis, ScaleName, AxisId, ChartsAxisData, YAxis, XAxis, DefaultedXAxis, DefaultedYAxis } from "../../../../models/axis.js";
 import type { UseChartSeriesSignature } from "../../corePlugins/useChartSeries/index.js";
-import type { ZoomData, ZoomOptions } from "./zoom.types.js";
+import type { ZoomData, ZoomOptions, ZoomSliderShowTooltip } from "./zoom.types.js";
 import type { UseChartInteractionSignature } from "../useChartInteraction/index.js";
 import type { ChartsAxisProps } from "../../../../ChartsAxis/index.js";
 /**
@@ -47,10 +47,13 @@ export type UseChartCartesianAxisDefaultizedParameters<S extends ScaleName = Sca
   defaultizedXAxis: DefaultedXAxis<S>[];
   defaultizedYAxis: DefaultedYAxis<S>[];
 };
+export interface DefaultedZoomSliderOptions extends Omit<NonNullable<Required<ZoomOptions['slider']>>, 'showTooltip'> {
+  showTooltip: ZoomSliderShowTooltip;
+}
 export interface DefaultizedZoomOptions extends Required<Omit<ZoomOptions, 'slider'>> {
   axisId: AxisId;
   axisDirection: 'x' | 'y';
-  slider: NonNullable<Required<ZoomOptions['slider']>>;
+  slider: DefaultedZoomSliderOptions;
 }
 export interface UseChartCartesianAxisState {
   /**