@mui/x-charts 8.5.0 → 8.5.2

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorChartZoomOptionsLookup = exports.selectorChartZoomMap = exports.selectorChartZoomIsInteracting = exports.selectorChartYAxis = exports.selectorChartXAxis = exports.selectorChartRawAxis = exports.selectorChartAxisZoomOptionsLookup = exports.createZoomMap = void 0;
+exports.selectorChartZoomOptionsLookup = exports.selectorChartZoomMap = exports.selectorChartZoomIsInteracting = exports.selectorChartYAxis = exports.selectorChartXAxis = exports.selectorChartRawAxis = exports.selectorChartAxisZoomOptionsLookup = exports.selectorChartAxis = exports.createZoomMap = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _useChartDimensions = require("../../corePlugins/useChartDimensions");
 var _useChartSeries = require("../../corePlugins/useChartSeries");
@@ -96,6 +96,7 @@ const selectorChartYAxis = exports.selectorChartYAxis = (0, _selectors.createSel
   zoomOptions,
   getFilters
 }));
+const selectorChartAxis = exports.selectorChartAxis = (0, _selectors.createSelector)([selectorChartXAxis, selectorChartYAxis, (_, axisId) => axisId], (xAxes, yAxes, axisId) => xAxes?.axis[axisId] ?? yAxes?.axis[axisId]);
 const selectorChartRawAxis = exports.selectorChartRawAxis = (0, _selectors.createSelector)([_useChartCartesianAxisLayout.selectorChartRawXAxis, _useChartCartesianAxisLayout.selectorChartRawYAxis, (state, axisId) => axisId], (xAxes, yAxes, axisId) => {
   const axis = xAxes?.find(a => a.id === axisId) ?? yAxes?.find(a => a.id === axisId) ?? null;
   if (!axis) {

package/internals/plugins/models/seriesConfig/colorProcessor.types.d.ts

@@ -10,5 +10,10 @@ export type ColorGetter<TSeriesType extends ChartSeriesType> = TSeriesType exten
 /**
  * Transforms charts config to a color getter.
  * If dataIndex is not defined, it falls back to the series color.
+ * @param {DefaultizedSeriesType<TSeriesType>} series - The series configuration.
+ * @param {ComputedXAxis | undefined} xAxis - The computed x-axis configuration.
+ * @param {ComputedYAxis | undefined} yAxis - The computed y-axis configuration.
+ * @param {ZAxisDefaultized | undefined} zAxis - The defaulted z-axis configuration.
+ * @returns {ColorGetter<TSeriesType>} A function that takes a data index and returns a color string.
  */
 export type ColorProcessor<TSeriesType extends ChartSeriesType> = (series: DefaultizedSeriesType<TSeriesType>, xAxis?: ComputedXAxis, yAxis?: ComputedYAxis, zAxis?: ZAxisDefaultized) => ColorGetter<TSeriesType>;

package/internals/plugins/models/seriesConfig/tooltipGetter.types.d.ts

@@ -62,9 +62,10 @@ export type TooltipGetter<TSeriesType extends ChartSeriesType> = (params: {
   identifier: ChartItemIdentifier<TSeriesType> | null;
 }) => (TSeriesType extends 'radar' ? ItemTooltipWithMultipleValues<TSeriesType> : ItemTooltip<TSeriesType>) | null;
 /**
- * Return an array of the axes that should trigger the tooltip.
- *
  * If `axisId` is set to undefined, the default axis will be used.
+ *
+ * @param {Record<SeriesId, ChartSeriesDefaultized<TSeriesType>>} series A map of series ID to their series configuration.
+ * @returns {{ direction: Directions; axisId: AxisId | undefined }[]} an array of the axes that should trigger the tooltip.
  */
 export type AxisTooltipGetter<TSeriesType extends ChartSeriesType, Directions extends 'x' | 'y' | 'rotation' | 'radius' = 'x' | 'y'> = (series: Record<SeriesId, ChartSeriesDefaultized<TSeriesType>>) => {
   direction: Directions;

package/internals/store/useSelector.js

@@ -4,7 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSelector = void 0;
-var _withSelector = require("use-sync-external-store/with-selector");
+var _withSelector = require("use-sync-external-store/shim/with-selector");
+/* We need to import the shim because React 17 does not support the `useSyncExternalStore` API.
+ * More info: https://github.com/mui/mui-x/issues/18303#issuecomment-2958392341 */
+
 const defaultCompare = Object.is;
 const useSelector = (store, selector, args = undefined, equals = defaultCompare) => {
   const selectorWithArgs = state => selector(state, args);

package/locales/index.d.ts

@@ -1,3 +1,5 @@
 export type { ChartsLocaleText } from "./utils/chartsLocaleTextApi.js";
 export * from "./enUS.js";
-export * from "./frFR.js";
+export * from "./frFR.js";
+export * from "./ptBR.js";
+export * from "./ptPT.js";

package/locales/index.js

@@ -24,4 +24,26 @@ Object.keys(_frFR).forEach(function (key) {
       return _frFR[key];
     }
   });
+});
+var _ptBR = require("./ptBR");
+Object.keys(_ptBR).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ptBR[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ptBR[key];
+    }
+  });
+});
+var _ptPT = require("./ptPT");
+Object.keys(_ptPT).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ptPT[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ptPT[key];
+    }
+  });
 });

package/locales/ptBR.d.ts

@@ -0,0 +1,16 @@
+import { ChartsLocaleText } from "./utils/chartsLocaleTextApi.js";
+export declare const ptBRLocaleText: Partial<ChartsLocaleText>;
+export declare const ptBR: {
+  components: {
+    MuiChartsLocalizationProvider: {
+      defaultProps: {
+        localeText: {
+          loading?: string | undefined;
+          noData?: string | undefined;
+          zoomIn?: string | undefined;
+          zoomOut?: string | undefined;
+        };
+      };
+    };
+  };
+};

package/locales/ptBR.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ptBRLocaleText = exports.ptBR = void 0;
+var _getChartsLocalization = require("./utils/getChartsLocalization");
+const ptBRLocaleText = exports.ptBRLocaleText = {
+  // Overlay
+  loading: 'Carregando dados…',
+  noData: 'Sem dados para exibir',
+  zoomIn: 'Aumentar zoom',
+  zoomOut: 'Diminuir zoom'
+};
+const ptBR = exports.ptBR = (0, _getChartsLocalization.getChartsLocalization)(ptBRLocaleText);

package/locales/ptPT.d.ts

@@ -0,0 +1,16 @@
+import { ChartsLocaleText } from "./utils/chartsLocaleTextApi.js";
+export declare const ptPTLocaleText: Partial<ChartsLocaleText>;
+export declare const ptPT: {
+  components: {
+    MuiChartsLocalizationProvider: {
+      defaultProps: {
+        localeText: {
+          loading?: string | undefined;
+          noData?: string | undefined;
+          zoomIn?: string | undefined;
+          zoomOut?: string | undefined;
+        };
+      };
+    };
+  };
+};

package/locales/ptPT.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ptPTLocaleText = exports.ptPT = void 0;
+var _getChartsLocalization = require("./utils/getChartsLocalization");
+const ptPTLocaleText = exports.ptPTLocaleText = {
+  // Overlay
+  loading: 'Carregando dados…',
+  noData: 'Sem dados para mostrar',
+  zoomIn: 'Aumentar zoom',
+  zoomOut: 'Diminuir zoom'
+};
+const ptPT = exports.ptPT = (0, _getChartsLocalization.getChartsLocalization)(ptPTLocaleText);

package/models/axis.d.ts

@@ -270,6 +270,7 @@ export type AxisValueFormatterContext<S extends ScaleName = ScaleName> = {
    * - `'tick'` The value is displayed on the axis ticks.
    * - `'tooltip'` The value is displayed in the tooltip when hovering the chart.
    * - `'legend'` The value is displayed in the legend when using color legend.
+   * - `'zoom-slider-tooltip'` The value is displayed in the zoom slider tooltip.
    */
   location: 'legend';
 } | {
@@ -278,8 +279,9 @@ export type AxisValueFormatterContext<S extends ScaleName = ScaleName> = {
    * - `'tick'` The value is displayed on the axis ticks.
    * - `'tooltip'` The value is displayed in the tooltip when hovering the chart.
    * - `'legend'` The value is displayed in the legend when using color legend.
+   * - `'zoom-slider-tooltip'` The value is displayed in the zoom slider tooltip.
    */
-  location: 'tick' | 'tooltip';
+  location: 'tick' | 'tooltip' | 'zoom-slider-tooltip';
   /**
    * The d3-scale instance associated to the axis.
    */

package/models/index.d.ts

@@ -1,7 +1,7 @@
 export * from "./seriesType/index.js";
 export * from "./stacking.js";
 export * from "./slots/index.js";
-export type { AxisConfig, ChartsYAxisProps, ChartsXAxisProps, ScaleName, ContinuousScaleName, ChartsAxisData, XAxis, YAxis, RadiusAxis, RotationAxis } from "./axis.js";
+export type { AxisConfig, ChartsYAxisProps, ChartsXAxisProps, ScaleName, ContinuousScaleName, ChartsAxisData, XAxis, YAxis, RadiusAxis, RotationAxis, AxisValueFormatterContext } from "./axis.js";
 export type { PropsFromSlot } from '@mui/x-internals/slots';
 export type { Position } from "./position.js";
 export type { CurveType } from "./curve.js";

package/models/seriesType/bar.d.ts

@@ -1,6 +1,6 @@
 import { DefaultizedProps } from '@mui/x-internals/types';
 import type { StackOffsetType } from "../stacking.js";
-import { CartesianSeriesType, CommonSeriesType, CommonDefaultizedProps, StackableSeriesType } from "./common.js";
+import { CartesianSeriesType, CommonSeriesType, CommonDefaultizedProps, StackableSeriesType, SeriesId } from "./common.js";
 export interface BarSeriesType extends CommonSeriesType<number | null>, CartesianSeriesType, StackableSeriesType {
   type: 'bar';
   /**
@@ -32,7 +32,7 @@ export interface BarSeriesType extends CommonSeriesType<number | null>, Cartesia
  */
 export type BarItemIdentifier = {
   type: 'bar';
-  seriesId: DefaultizedBarSeriesType['id'];
+  seriesId: SeriesId;
   dataIndex: number;
 };
 export interface DefaultizedBarSeriesType extends DefaultizedProps<BarSeriesType, CommonDefaultizedProps | 'color' | 'layout'> {}

package/models/slots/chartsBaseSlotProps.d.ts

@@ -8,7 +8,13 @@ export type ChartBaseCommonProps<T = HTMLElement> = React.DOMAttributes<T> & {
 export type ChartBaseIconProps = ChartBaseCommonProps<SVGSVGElement> & {
   titleAccess?: string;
 };
+export type ChartBaseButtonProps = ChartBaseCommonProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+  disabled?: boolean;
+  tabIndex?: number;
+};
 export type ChartBaseIconButtonProps = ChartBaseCommonProps & {
   ref?: React.Ref<HTMLButtonElement>;
   disabled?: boolean;
+  tabIndex?: number;
 };

package/models/slots/chartsBaseSlots.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { ChartBaseIconButtonProps } from "./chartsBaseSlotProps.js";
+import { ChartBaseButtonProps, ChartBaseIconButtonProps } from "./chartsBaseSlotProps.js";
 export interface ChartsBaseSlots {
+  baseButton: React.ComponentType<ChartBaseButtonProps>;
   baseIconButton: React.ComponentType<ChartBaseIconButtonProps>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "8.5.0",
+  "version": "8.5.2",
   "author": "MUI Team",
   "description": "The community edition of MUI X Charts components.",
   "main": "./index.js",
@@ -29,15 +29,15 @@
     "directory": "packages/x-charts"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.1",
-    "@mui/utils": "^7.0.2",
+    "@babel/runtime": "^7.27.6",
+    "@mui/utils": "^7.1.1",
     "bezier-easing": "^2.1.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-charts-vendor": "8.4.0",
-    "@mui/x-internals": "8.5.0"
+    "@mui/x-charts-vendor": "8.5.2",
+    "@mui/x-internals": "8.5.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/Toolbar/internals/ChartsToolbar.d.ts

@@ -1,6 +0,0 @@
-/**
- * The chart toolbar component.
- *
- * In the community package, this component is empty and does not render anything.
- */
-export declare function ChartsToolbar(): null;

package/Toolbar/internals/ChartsToolbar.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartsToolbar = ChartsToolbar;
-/**
- * The chart toolbar component.
- *
- * In the community package, this component is empty and does not render anything.
- */
-function ChartsToolbar() {
-  return null;
-}

package/esm/Toolbar/internals/ChartsToolbar.d.ts

@@ -1,6 +0,0 @@
-/**
- * The chart toolbar component.
- *
- * In the community package, this component is empty and does not render anything.
- */
-export declare function ChartsToolbar(): null;

package/esm/Toolbar/internals/ChartsToolbar.js

@@ -1,8 +0,0 @@
-/**
- * The chart toolbar component.
- *
- * In the community package, this component is empty and does not render anything.
- */
-export function ChartsToolbar() {
-  return null;
-}