@mui/x-charts 8.13.1 → 8.14.1

package/locales/ptBR.js

@@ -16,106 +16,104 @@ const ptBRLocaleText = exports.ptBRLocaleText = {
   toolbarExport: 'Exportar',
   // Toolbar Export Menu
   toolbarExportPrint: 'Imprimir',
-  toolbarExportImage: mimeType => `Exportar como ${_imageMimeTypes.imageMimeTypes[mimeType] ?? mimeType}`
-
+  toolbarExportImage: mimeType => `Exportar como ${_imageMimeTypes.imageMimeTypes[mimeType] ?? mimeType}`,
   // Charts renderer configuration
-  // chartTypeBar: 'Bar',
-  // chartTypeColumn: 'Column',
-  // chartTypeLine: 'Line',
-  // chartTypeArea: 'Area',
-  // chartTypePie: 'Pie',
-  // chartPaletteLabel: 'Color palette',
-  // chartPaletteNameRainbowSurge: 'Rainbow Surge',
-  // chartPaletteNameBlueberryTwilight: 'Blueberry Twilight',
-  // chartPaletteNameMangoFusion: 'Mango Fusion',
-  // chartPaletteNameCheerfulFiesta: 'Cheerful Fiesta',
-  // chartPaletteNameStrawberrySky: 'Strawberry Sky',
-  // chartPaletteNameBlue: 'Blue',
-  // chartPaletteNameGreen: 'Green',
-  // chartPaletteNamePurple: 'Purple',
-  // chartPaletteNameRed: 'Red',
-  // chartPaletteNameOrange: 'Orange',
-  // chartPaletteNameYellow: 'Yellow',
-  // chartPaletteNameCyan: 'Cyan',
-  // chartPaletteNamePink: 'Pink',
-  // chartConfigurationSectionChart: 'Chart',
-  // chartConfigurationSectionColumns: 'Columns',
-  // chartConfigurationSectionBars: 'Bars',
-  // chartConfigurationSectionAxes: 'Axes',
-  // chartConfigurationGrid: 'Grid',
-  // chartConfigurationBorderRadius: 'Border radius',
-  // chartConfigurationCategoryGapRatio: 'Category gap ratio',
-  // chartConfigurationBarGapRatio: 'Series gap ratio',
-  // chartConfigurationStacked: 'Stacked',
-  // chartConfigurationShowToolbar: 'Show toolbar',
-  // chartConfigurationSkipAnimation: 'Skip animation',
-  // chartConfigurationInnerRadius: 'Inner radius',
-  // chartConfigurationOuterRadius: 'Outer radius',
-  // chartConfigurationColors: 'Colors',
-  // chartConfigurationHideLegend: 'Hide legend',
-  // chartConfigurationShowMark: 'Show mark',
-  // chartConfigurationHeight: 'Height',
-  // chartConfigurationWidth: 'Width',
-  // chartConfigurationSeriesGap: 'Series gap',
-  // chartConfigurationTickPlacement: 'Tick placement',
-  // chartConfigurationTickLabelPlacement: 'Tick label placement',
-  // chartConfigurationCategoriesAxisLabel: 'Categories axis label',
-  // chartConfigurationSeriesAxisLabel: 'Series axis label',
-  // chartConfigurationXAxisPosition: 'X-axis position',
-  // chartConfigurationYAxisPosition: 'Y-axis position',
-  // chartConfigurationSeriesAxisReverse: 'Reverse series axis',
-  // chartConfigurationTooltipPlacement: 'Placement',
-  // chartConfigurationTooltipTrigger: 'Trigger',
-  // chartConfigurationLegendPosition: 'Position',
-  // chartConfigurationLegendDirection: 'Direction',
-  // chartConfigurationBarLabels: 'Bar labels',
-  // chartConfigurationColumnLabels: 'Column labels',
-  // chartConfigurationInterpolation: 'Interpolation',
-  // chartConfigurationSectionTooltip: 'Tooltip',
-  // chartConfigurationSectionLegend: 'Legend',
-  // chartConfigurationSectionLines: 'Lines',
-  // chartConfigurationSectionAreas: 'Areas',
-  // chartConfigurationSectionArcs: 'Arcs',
-  // chartConfigurationPaddingAngle: 'Padding angle',
-  // chartConfigurationCornerRadius: 'Corner radius',
-  // chartConfigurationArcLabels: 'Arc labels',
-  // chartConfigurationStartAngle: 'Start angle',
-  // chartConfigurationEndAngle: 'End angle',
-  // chartConfigurationPieTooltipTrigger: 'Trigger',
-  // chartConfigurationPieLegendPosition: 'Position',
-  // chartConfigurationPieLegendDirection: 'Direction',
-
+  chartTypeBar: 'Barra',
+  chartTypeColumn: 'Coluna',
+  chartTypeLine: 'Linha',
+  chartTypeArea: 'Área',
+  chartTypePie: 'Pizza',
+  chartPaletteLabel: 'Paleta de cores',
+  chartPaletteNameRainbowSurge: 'Onda de Arco-íris',
+  chartPaletteNameBlueberryTwilight: 'Crepúsculo de Blueberry',
+  chartPaletteNameMangoFusion: 'Fusão de Manga',
+  chartPaletteNameCheerfulFiesta: 'Festa Alegre',
+  chartPaletteNameStrawberrySky: 'Céu de Morango',
+  chartPaletteNameBlue: 'Azul',
+  chartPaletteNameGreen: 'Verde',
+  chartPaletteNamePurple: 'Roxo',
+  chartPaletteNameRed: 'Vermelho',
+  chartPaletteNameOrange: 'Laranja',
+  chartPaletteNameYellow: 'Amarelo',
+  chartPaletteNameCyan: 'Ciano',
+  chartPaletteNamePink: 'Rosa',
+  chartConfigurationSectionChart: 'Gráfico',
+  chartConfigurationSectionColumns: 'Colunas',
+  chartConfigurationSectionBars: 'Barras',
+  chartConfigurationSectionAxes: 'Eixos',
+  chartConfigurationGrid: 'Grade',
+  chartConfigurationBorderRadius: 'Arredondamento da borda',
+  chartConfigurationCategoryGapRatio: 'Proporção de espaço entre categorias',
+  chartConfigurationBarGapRatio: 'Proporção de espaço entre séries',
+  chartConfigurationStacked: 'Empilhado',
+  chartConfigurationShowToolbar: 'Mostrar barra de ferramentas',
+  chartConfigurationSkipAnimation: 'Ignorar animação',
+  chartConfigurationInnerRadius: 'Raio interno',
+  chartConfigurationOuterRadius: 'Raio externo',
+  chartConfigurationColors: 'Cores',
+  chartConfigurationHideLegend: 'Ocultar legenda',
+  chartConfigurationShowMark: 'Mostrar marcação',
+  chartConfigurationHeight: 'Altura',
+  chartConfigurationWidth: 'Largura',
+  chartConfigurationSeriesGap: 'Espaçamento entre séries',
+  chartConfigurationTickPlacement: 'Posição da marcação',
+  chartConfigurationTickLabelPlacement: 'Posição do título da marcação',
+  chartConfigurationCategoriesAxisLabel: 'Título do eixo de categorias',
+  chartConfigurationSeriesAxisLabel: 'Título do eixo de séries',
+  chartConfigurationXAxisPosition: 'Posição do eixo X',
+  chartConfigurationYAxisPosition: 'Posição do eixo Y',
+  chartConfigurationSeriesAxisReverse: 'Inverter eixo de séries',
+  chartConfigurationTooltipPlacement: 'Posição',
+  chartConfigurationTooltipTrigger: 'Gatilho',
+  chartConfigurationLegendPosition: 'Posição',
+  chartConfigurationLegendDirection: 'Direção',
+  chartConfigurationBarLabels: 'Títulos das barras',
+  chartConfigurationColumnLabels: 'Títulos das colunas',
+  chartConfigurationInterpolation: 'Interpolação',
+  chartConfigurationSectionTooltip: 'Tooltip',
+  chartConfigurationSectionLegend: 'Legenda',
+  chartConfigurationSectionLines: 'Linhas',
+  chartConfigurationSectionAreas: 'Áreas',
+  chartConfigurationSectionArcs: 'Arcos',
+  chartConfigurationPaddingAngle: 'Ângulo de preenchimento',
+  chartConfigurationCornerRadius: 'Raio do canto',
+  chartConfigurationArcLabels: 'Títulos dos arcos',
+  chartConfigurationStartAngle: 'Ângulo inicial',
+  chartConfigurationEndAngle: 'Ângulo final',
+  chartConfigurationPieTooltipTrigger: 'Gatilho',
+  chartConfigurationPieLegendPosition: 'Posição',
+  chartConfigurationPieLegendDirection: 'Direção',
   // Common option labels
-  // chartConfigurationOptionNone: 'None',
-  // chartConfigurationOptionValue: 'Value',
-  // chartConfigurationOptionAuto: 'Auto',
-  // chartConfigurationOptionTop: 'Top',
-  // chartConfigurationOptionTopLeft: 'Top Left',
-  // chartConfigurationOptionTopRight: 'Top Right',
-  // chartConfigurationOptionBottom: 'Bottom',
-  // chartConfigurationOptionBottomLeft: 'Bottom Left',
-  // chartConfigurationOptionBottomRight: 'Bottom Right',
-  // chartConfigurationOptionLeft: 'Left',
-  // chartConfigurationOptionRight: 'Right',
-  // chartConfigurationOptionAxis: 'Axis',
-  // chartConfigurationOptionItem: 'Item',
-  // chartConfigurationOptionHorizontal: 'Horizontal',
-  // chartConfigurationOptionVertical: 'Vertical',
-  // chartConfigurationOptionBoth: 'Both',
-  // chartConfigurationOptionStart: 'Start',
-  // chartConfigurationOptionMiddle: 'Middle',
-  // chartConfigurationOptionEnd: 'End',
-  // chartConfigurationOptionExtremities: 'Extremities',
-  // chartConfigurationOptionTick: 'Tick',
-  // chartConfigurationOptionMonotoneX: 'Monotone X',
-  // chartConfigurationOptionMonotoneY: 'Monotone Y',
-  // chartConfigurationOptionCatmullRom: 'Catmull-Rom',
-  // chartConfigurationOptionLinear: 'Linear',
-  // chartConfigurationOptionNatural: 'Natural',
-  // chartConfigurationOptionStep: 'Step',
-  // chartConfigurationOptionStepBefore: 'Step Before',
-  // chartConfigurationOptionStepAfter: 'Step After',
-  // chartConfigurationOptionBumpX: 'Bump X',
-  // chartConfigurationOptionBumpY: 'Bump Y',
+  chartConfigurationOptionNone: 'Nenhum',
+  chartConfigurationOptionValue: 'Valor',
+  chartConfigurationOptionAuto: 'Automático',
+  chartConfigurationOptionTop: 'Topo',
+  chartConfigurationOptionTopLeft: 'Topo Esquerdo',
+  chartConfigurationOptionTopRight: 'Topo Direito',
+  chartConfigurationOptionBottom: 'Inferior',
+  chartConfigurationOptionBottomLeft: 'Inferior Esquerdo',
+  chartConfigurationOptionBottomRight: 'Inferior Direito',
+  chartConfigurationOptionLeft: 'Esquerda',
+  chartConfigurationOptionRight: 'Direita',
+  chartConfigurationOptionAxis: 'Eixo',
+  chartConfigurationOptionItem: 'Item',
+  chartConfigurationOptionHorizontal: 'Horizontal',
+  chartConfigurationOptionVertical: 'Vertical',
+  chartConfigurationOptionBoth: 'Ambos',
+  chartConfigurationOptionStart: 'Início',
+  chartConfigurationOptionMiddle: 'Meio',
+  chartConfigurationOptionEnd: 'Fim',
+  chartConfigurationOptionExtremities: 'Extremidades',
+  chartConfigurationOptionTick: 'Marcação',
+  chartConfigurationOptionMonotoneX: 'Monótono X',
+  chartConfigurationOptionMonotoneY: 'Monótono Y',
+  chartConfigurationOptionCatmullRom: 'Catmull-Rom',
+  chartConfigurationOptionLinear: 'Linear',
+  chartConfigurationOptionNatural: 'Natural',
+  chartConfigurationOptionStep: 'Passo',
+  chartConfigurationOptionStepBefore: 'Passo Anterior',
+  chartConfigurationOptionStepAfter: 'Passo Posterior',
+  chartConfigurationOptionBumpX: 'Colisão X',
+  chartConfigurationOptionBumpY: 'Colisão Y'
 };
 const ptBR = exports.ptBR = (0, _getChartsLocalization.getChartsLocalization)(ptBRLocaleText);

package/models/axis.d.ts

@@ -1,4 +1,4 @@
-import type { ScaleBand, ScaleLinear, ScaleLogarithmic, ScaleOrdinal, ScalePoint, ScalePower, ScaleSequential, ScaleThreshold, ScaleTime, ScaleSymLog } from '@mui/x-charts-vendor/d3-scale';
+import type { ScaleBand, ScaleLinear, ScaleLogarithmic, ScaleOrdinal, ScalePoint, ScalePower, ScaleSequential, ScaleThreshold, ScaleTime, ScaleSymLog, NumberValue } 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,11 +9,15 @@ 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> | ScaleSymLog<Range, Output> | ScaleLogarithmic<Range, Output> | ScalePoint<Domain> | ScalePower<Range, Output> | ScaleTime<Range, Output> | ScaleLinear<Range, Output>;
+} = {
+  toString(): 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 type D3OrdinalScale<Domain extends {
   toString(): string;
-} = number | Date | string> = ScaleBand<Domain> | ScalePoint<Domain>;
+} = {
+  toString(): string;
+}> = ScaleBand<Domain> | ScalePoint<Domain>;
 export interface ChartsAxisSlots {
   /**
    * Custom component for the axis main line.
@@ -220,7 +224,9 @@ export type AxisGroups = {
 export interface AxisScaleConfig {
   band: {
     scaleType: 'band';
-    scale: ScaleBand<number | Date | string>;
+    scale: ScaleBand<{
+      toString(): string;
+    }>;
     /**
      * The ratio between the space allocated for padding between two categories and the category width.
      * 0 means no gap, and 1 no data.
@@ -237,7 +243,9 @@ export interface AxisScaleConfig {
   } & AxisGroups & Pick<TickParams, 'tickPlacement' | 'tickLabelPlacement'>;
   point: {
     scaleType: 'point';
-    scale: ScalePoint<number | Date | string>;
+    scale: ScalePoint<{
+      toString(): string;
+    }>;
     colorMap?: OrdinalColorConfig | ContinuousColorConfig | PiecewiseColorConfig;
   } & AxisGroups;
   log: {
@@ -363,26 +371,39 @@ export type AxisValueFormatterContext<S extends ScaleName = ScaleName> = {
    */
   tickNumber?: number;
 };
-/**
- * Config that is shared between cartesian and polar axes.
- */
-type CommonAxisConfig<S extends ScaleName = ScaleName, V = any> = {
+type MinMaxConfig<S extends ScaleName = ScaleName> = S extends ContinuousScaleName ? S extends 'utc' | 'time' ? {
   /**
-   * ID used to identify the axis.
-   *
-   * The ID must be unique across all axes in this chart.
+   * The minimal value of the domain.
+   * If not provided, it gets computed to display the entire chart data.
    */
-  id: AxisId;
+  min?: NumberValue;
+  /**
+   * The maximal value of the domain.
+   * If not provided, it gets computed to display the entire chart data.
+   */
+  max?: NumberValue;
+} : {
   /**
    * The minimal value of the domain.
    * If not provided, it gets computed to display the entire chart data.
    */
-  min?: number | Date;
+  min?: number;
   /**
    * The maximal value of the domain.
    * If not provided, it gets computed to display the entire chart data.
    */
-  max?: number | Date;
+  max?: number;
+} : {};
+/**
+ * Config that is shared between cartesian and polar axes.
+ */
+type CommonAxisConfig<S extends ScaleName = ScaleName, V = any> = {
+  /**
+   * ID used to identify the axis.
+   *
+   * The ID must be unique across all axes in this chart.
+   */
+  id: AxisId;
   /**
    * The data used by `'band'` and `'point'` scales.
    */
@@ -429,7 +450,7 @@ export type PolarAxisConfig<S extends ScaleName = ScaleName, V = any, AxisProps
    * @default 0
    */
   offset?: number;
-} & CommonAxisConfig<S, V> & Omit<Partial<AxisProps>, 'axisId'> & Partial<Omit<AxisScaleConfig[S], 'scale'>> & AxisConfigExtension;
+} & CommonAxisConfig<S, V> & MinMaxConfig<S> & Omit<Partial<AxisProps>, 'axisId'> & Partial<Omit<AxisScaleConfig[S], 'scale'>> & AxisConfigExtension;
 /**
  * Use this type for advanced typing. For basic usage, use `XAxis`, `YAxis`, `RotationAxis` or `RadiusAxis`.
  */
@@ -441,7 +462,7 @@ export type AxisConfig<S extends ScaleName = ScaleName, V = any, AxisProps exten
    * @default 0
    */
   offset?: number;
-} & CommonAxisConfig<S, V> & Omit<Partial<AxisProps>, 'axisId'> & Partial<Omit<AxisScaleConfig[S], 'scale'>> & AxisSideConfig<AxisProps> & TickParams & AxisConfigExtension;
+} & CommonAxisConfig<S, V> & MinMaxConfig<S> & Omit<Partial<AxisProps>, 'axisId'> & Partial<Omit<AxisScaleConfig[S], 'scale'>> & AxisSideConfig<AxisProps> & TickParams & AxisConfigExtension;
 export interface AxisConfigExtension {}
 export type PolarAxisDefaultized<S extends ScaleName = ScaleName, V = any, AxisProps extends ChartsAxisProps = ChartsRotationAxisProps | ChartsRadiusAxisProps> = Omit<PolarAxisConfig<S, V, AxisProps>, 'scaleType'> & AxisScaleConfig[S] & AxisScaleComputedConfig[S] & {
   /**
@@ -467,6 +488,7 @@ export declare function isBandScaleConfig(scaleConfig: AxisConfig<ScaleName>): s
 export declare function isPointScaleConfig(scaleConfig: AxisConfig<ScaleName>): scaleConfig is AxisConfig<'point'> & {
   scaleType: 'point';
 };
+export declare function isContinuousScaleConfig(scaleConfig: AxisConfig<ScaleName>): scaleConfig is AxisConfig<ContinuousScaleName>;
 export declare function isSymlogScaleConfig(scaleConfig: AxisConfig<ScaleName>): scaleConfig is AxisConfig<'symlog'> & {
   scaleType: 'symlog';
 };

package/models/axis.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isBandScaleConfig = isBandScaleConfig;
+exports.isContinuousScaleConfig = isContinuousScaleConfig;
 exports.isPointScaleConfig = isPointScaleConfig;
 exports.isSymlogScaleConfig = isSymlogScaleConfig;
 /**
@@ -25,6 +26,9 @@ function isBandScaleConfig(scaleConfig) {
 function isPointScaleConfig(scaleConfig) {
   return scaleConfig.scaleType === 'point';
 }
+function isContinuousScaleConfig(scaleConfig) {
+  return scaleConfig.scaleType !== 'point' && scaleConfig.scaleType !== 'band';
+}
 function isSymlogScaleConfig(scaleConfig) {
   return scaleConfig.scaleType === 'symlog';
 }

package/models/seriesType/scatter.d.ts

@@ -23,6 +23,8 @@ export interface ScatterSeriesType extends CommonSeriesType<ScatterValueType | n
   /**
    * If true, the interaction will not use element hover for this series.
    * @default false
+   * @deprecated This prop will be removed in a future version because it is ambiguous. You can select what to disable
+   *             on hover by disabling the highlight or the tooltip separately.
    */
   disableHover?: boolean;
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "8.13.1",
+  "version": "8.14.1",
   "author": "MUI Team",
   "description": "The community edition of MUI X Charts components.",
   "license": "MIT",
@@ -28,15 +28,16 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.4",
-    "@mui/utils": "^7.3.2",
+    "@mui/utils": "^7.3.3",
     "bezier-easing": "^2.1.0",
     "clsx": "^2.1.1",
+    "flatqueue": "^3.0.0",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
-    "use-sync-external-store": "^1.5.0",
-    "@mui/x-internal-gestures": "0.3.2",
-    "@mui/x-internals": "8.13.1",
-    "@mui/x-charts-vendor": "8.12.0"
+    "use-sync-external-store": "^1.6.0",
+    "@mui/x-charts-vendor": "8.14.1",
+    "@mui/x-internals": "8.14.0",
+    "@mui/x-internal-gestures": "0.3.3"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/themeAugmentation/components.d.ts

@@ -62,6 +62,9 @@ export interface ChartsComponents<Theme = unknown> {
     defaultProps?: ComponentsProps['MuiScatterChart'];
   };
   MuiScatter?: {};
+  MuiGauge?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiGauge'];
+  };
 }
 declare module '@mui/material/styles' {
   interface Components<Theme = unknown> extends ChartsComponents<Theme> {}

package/themeAugmentation/overrides.d.ts

@@ -1,3 +1,4 @@
+import { GaugeClassKey } from "../Gauge/index.js";
 import { BarLabelClassKey } from "../BarChart/index.js";
 import { BarElementClassKey } from "../BarChart/barElementClasses.js";
 import { ChartsAxisHighlightClassKey } from "../ChartsAxisHighlight/index.js";
@@ -18,6 +19,7 @@ export interface ChartsComponentNameToClassKey {
   MuiAreaElement: AreaElementClassKey;
   MuiLineElement: LineElementClassKey;
   MuiMarkElement: MarkElementClassKey;
+  MuiGauge: GaugeClassKey;
 }
 declare module '@mui/material/styles' {
   interface ComponentNameToClassKey extends ChartsComponentNameToClassKey {}