@mui/x-charts 9.13.0 → 9.15.0

package/locales/ptBR.d.ts

@@ -11,7 +11,7 @@ export declare const ptBR: {
           zoomOut?: string | undefined;
           toolbarExport?: string | undefined;
           toolbarExportPrint?: string | undefined;
-          toolbarExportImage?: ((mimeType: import("./utils/imageMimeTypes.js").ChartImageExportMimeType | (string & {})) => string) | undefined;
+          toolbarExportImage?: ((mimeType: import("./utils/imageMimeTypes.js").ChartImageExportMimeType | string & {}) => string) | undefined;
           chartTypeBar?: string | undefined;
           chartTypeColumn?: string | undefined;
           chartTypeLine?: string | undefined;
@@ -114,6 +114,11 @@ export declare const ptBR: {
           close?: string | undefined;
           a11yNoValue?: string | undefined;
           a11yConnector?: string | undefined;
+          zoomRangeDescription?: ((params: {
+            axisDirection: 'x' | 'y';
+            start: number;
+            end: number;
+          }) => string) | undefined;
           barDescription?: ((params: {
             value: number | null;
             formattedValue: string;

package/locales/ptBR.js

@@ -125,6 +125,14 @@ const ptBRLocaleText = exports.ptBRLocaleText = {
   // Accessibility descriptions
   // a11yNoValue: 'no value',
   // a11yConnector: '; ',
+  // zoomRangeDescription: function zoomRangeDescription({
+  //   axisDirection,
+  //   start,
+  //   end
+  // }) {
+  //   const axisName = axisDirection === 'x' ? 'horizontal axis' : 'vertical axis';
+  //   return `Showing ${Math.round(start)}% to ${Math.round(end)}% of the ${axisName}`;
+  // },
   // barDescription: function barDescription({
   //   value,
   //   formattedValue,

package/locales/ptBR.mjs

@@ -119,6 +119,14 @@ export const ptBRLocaleText = {
   // Accessibility descriptions
   // a11yNoValue: 'no value',
   // a11yConnector: '; ',
+  // zoomRangeDescription: function zoomRangeDescription({
+  //   axisDirection,
+  //   start,
+  //   end
+  // }) {
+  //   const axisName = axisDirection === 'x' ? 'horizontal axis' : 'vertical axis';
+  //   return `Showing ${Math.round(start)}% to ${Math.round(end)}% of the ${axisName}`;
+  // },
   // barDescription: function barDescription({
   //   value,
   //   formattedValue,

package/locales/ptPT.d.mts

@@ -11,7 +11,7 @@ export declare const ptPT: {
           zoomOut?: string | undefined;
           toolbarExport?: string | undefined;
           toolbarExportPrint?: string | undefined;
-          toolbarExportImage?: ((mimeType: import("./utils/imageMimeTypes.mjs").ChartImageExportMimeType | (string & {})) => string) | undefined;
+          toolbarExportImage?: ((mimeType: import("./utils/imageMimeTypes.mjs").ChartImageExportMimeType | string & {}) => string) | undefined;
           chartTypeBar?: string | undefined;
           chartTypeColumn?: string | undefined;
           chartTypeLine?: string | undefined;
@@ -114,6 +114,11 @@ export declare const ptPT: {
           close?: string | undefined;
           a11yNoValue?: string | undefined;
           a11yConnector?: string | undefined;
+          zoomRangeDescription?: ((params: {
+            axisDirection: 'x' | 'y';
+            start: number;
+            end: number;
+          }) => string) | undefined;
           barDescription?: ((params: {
             value: number | null;
             formattedValue: string;

package/locales/ptPT.d.ts

@@ -11,7 +11,7 @@ export declare const ptPT: {
           zoomOut?: string | undefined;
           toolbarExport?: string | undefined;
           toolbarExportPrint?: string | undefined;
-          toolbarExportImage?: ((mimeType: import("./utils/imageMimeTypes.js").ChartImageExportMimeType | (string & {})) => string) | undefined;
+          toolbarExportImage?: ((mimeType: import("./utils/imageMimeTypes.js").ChartImageExportMimeType | string & {}) => string) | undefined;
           chartTypeBar?: string | undefined;
           chartTypeColumn?: string | undefined;
           chartTypeLine?: string | undefined;
@@ -114,6 +114,11 @@ export declare const ptPT: {
           close?: string | undefined;
           a11yNoValue?: string | undefined;
           a11yConnector?: string | undefined;
+          zoomRangeDescription?: ((params: {
+            axisDirection: 'x' | 'y';
+            start: number;
+            end: number;
+          }) => string) | undefined;
           barDescription?: ((params: {
             value: number | null;
             formattedValue: string;

package/locales/ptPT.js

@@ -124,6 +124,14 @@ const ptPTLocaleText = exports.ptPTLocaleText = {
   // Accessibility descriptions
   // a11yNoValue: 'no value',
   // a11yConnector: '; ',
+  // zoomRangeDescription: function zoomRangeDescription({
+  //   axisDirection,
+  //   start,
+  //   end
+  // }) {
+  //   const axisName = axisDirection === 'x' ? 'horizontal axis' : 'vertical axis';
+  //   return `Showing ${Math.round(start)}% to ${Math.round(end)}% of the ${axisName}`;
+  // },
   // barDescription: function barDescription({
   //   value,
   //   formattedValue,

package/locales/ptPT.mjs

@@ -118,6 +118,14 @@ export const ptPTLocaleText = {
   // Accessibility descriptions
   // a11yNoValue: 'no value',
   // a11yConnector: '; ',
+  // zoomRangeDescription: function zoomRangeDescription({
+  //   axisDirection,
+  //   start,
+  //   end
+  // }) {
+  //   const axisName = axisDirection === 'x' ? 'horizontal axis' : 'vertical axis';
+  //   return `Showing ${Math.round(start)}% to ${Math.round(end)}% of the ${axisName}`;
+  // },
   // barDescription: function barDescription({
   //   value,
   //   formattedValue,

package/locales/svSE.d.mts

@@ -11,7 +11,7 @@ export declare const svSE: {
           zoomOut?: string | undefined;
           toolbarExport?: string | undefined;
           toolbarExportPrint?: string | undefined;
-          toolbarExportImage?: ((mimeType: import("./utils/imageMimeTypes.mjs").ChartImageExportMimeType | (string & {})) => string) | undefined;
+          toolbarExportImage?: ((mimeType: import("./utils/imageMimeTypes.mjs").ChartImageExportMimeType | string & {}) => string) | undefined;
           chartTypeBar?: string | undefined;
           chartTypeColumn?: string | undefined;
           chartTypeLine?: string | undefined;
@@ -114,6 +114,11 @@ export declare const svSE: {
           close?: string | undefined;
           a11yNoValue?: string | undefined;
           a11yConnector?: string | undefined;
+          zoomRangeDescription?: ((params: {
+            axisDirection: 'x' | 'y';
+            start: number;
+            end: number;
+          }) => string) | undefined;
           barDescription?: ((params: {
             value: number | null;
             formattedValue: string;

package/locales/svSE.d.ts

@@ -11,7 +11,7 @@ export declare const svSE: {
           zoomOut?: string | undefined;
           toolbarExport?: string | undefined;
           toolbarExportPrint?: string | undefined;
-          toolbarExportImage?: ((mimeType: import("./utils/imageMimeTypes.js").ChartImageExportMimeType | (string & {})) => string) | undefined;
+          toolbarExportImage?: ((mimeType: import("./utils/imageMimeTypes.js").ChartImageExportMimeType | string & {}) => string) | undefined;
           chartTypeBar?: string | undefined;
           chartTypeColumn?: string | undefined;
           chartTypeLine?: string | undefined;
@@ -114,6 +114,11 @@ export declare const svSE: {
           close?: string | undefined;
           a11yNoValue?: string | undefined;
           a11yConnector?: string | undefined;
+          zoomRangeDescription?: ((params: {
+            axisDirection: 'x' | 'y';
+            start: number;
+            end: number;
+          }) => string) | undefined;
           barDescription?: ((params: {
             value: number | null;
             formattedValue: string;

package/locales/svSE.js

@@ -127,6 +127,14 @@ const svSELocaleText = exports.svSELocaleText = {
   // Accessibility descriptions
   // a11yNoValue: 'no value',
   // a11yConnector: '; ',
+  // zoomRangeDescription: function zoomRangeDescription({
+  //   axisDirection,
+  //   start,
+  //   end
+  // }) {
+  //   const axisName = axisDirection === 'x' ? 'horizontal axis' : 'vertical axis';
+  //   return `Showing ${Math.round(start)}% to ${Math.round(end)}% of the ${axisName}`;
+  // },
   // barDescription: function barDescription({
   //   value,
   //   formattedValue,

package/locales/svSE.mjs

@@ -121,6 +121,14 @@ export const svSELocaleText = {
   // Accessibility descriptions
   // a11yNoValue: 'no value',
   // a11yConnector: '; ',
+  // zoomRangeDescription: function zoomRangeDescription({
+  //   axisDirection,
+  //   start,
+  //   end
+  // }) {
+  //   const axisName = axisDirection === 'x' ? 'horizontal axis' : 'vertical axis';
+  //   return `Showing ${Math.round(start)}% to ${Math.round(end)}% of the ${axisName}`;
+  // },
   // barDescription: function barDescription({
   //   value,
   //   formattedValue,

package/locales/utils/chartsLocaleTextApi.d.mts

@@ -31,7 +31,7 @@ export interface ChartsLocaleText {
    * @param {string} mimeType The MIME type of the image to export, e.g., 'image/png'.
    * @returns {string} The localized string for an export image button.
    */
-  toolbarExportImage: (mimeType: ChartImageExportMimeType | (string & {})) => string;
+  toolbarExportImage: (mimeType: ChartImageExportMimeType | string & {}) => string;
   /**
    * Label for the bar chart type.
    */
@@ -440,6 +440,20 @@ export interface ChartsLocaleText {
    * The string used to merge description values.
    */
   a11yConnector: string;
+  /**
+   * The description of the visible range of a zoomable axis for accessibility purpose.
+   * It is announced when the user zooms or pans the chart with the keyboard.
+   * @param {object} params - The parameters for the description getter.
+   * @param {'x'|'y'} params.axisDirection - The direction of the zoomed axis.
+   * @param {number} params.start - The start of the visible range, as a percentage of the axis extent.
+   * @param {number} params.end - The end of the visible range, as a percentage of the axis extent.
+   * @returns {string} The localized description of the visible range.
+   */
+  zoomRangeDescription: (params: {
+    axisDirection: 'x' | 'y';
+    start: number;
+    end: number;
+  }) => string;
   /**
    * The description of a bar series item for accessibility purpose.
    * @param {object} params - The parameters for the description getter.

package/locales/utils/chartsLocaleTextApi.d.ts

@@ -31,7 +31,7 @@ export interface ChartsLocaleText {
    * @param {string} mimeType The MIME type of the image to export, e.g., 'image/png'.
    * @returns {string} The localized string for an export image button.
    */
-  toolbarExportImage: (mimeType: ChartImageExportMimeType | (string & {})) => string;
+  toolbarExportImage: (mimeType: ChartImageExportMimeType | string & {}) => string;
   /**
    * Label for the bar chart type.
    */
@@ -440,6 +440,20 @@ export interface ChartsLocaleText {
    * The string used to merge description values.
    */
   a11yConnector: string;
+  /**
+   * The description of the visible range of a zoomable axis for accessibility purpose.
+   * It is announced when the user zooms or pans the chart with the keyboard.
+   * @param {object} params - The parameters for the description getter.
+   * @param {'x'|'y'} params.axisDirection - The direction of the zoomed axis.
+   * @param {number} params.start - The start of the visible range, as a percentage of the axis extent.
+   * @param {number} params.end - The end of the visible range, as a percentage of the axis extent.
+   * @returns {string} The localized description of the visible range.
+   */
+  zoomRangeDescription: (params: {
+    axisDirection: 'x' | 'y';
+    start: number;
+    end: number;
+  }) => string;
   /**
    * The description of a bar series item for accessibility purpose.
    * @param {object} params - The parameters for the description getter.

package/locales/utils/getChartsLocalization.d.mts

@@ -15,7 +15,7 @@ export declare const getChartsLocalization: (chartsTranslations: Partial<ChartsL
           zoomOut?: string | undefined;
           toolbarExport?: string | undefined;
           toolbarExportPrint?: string | undefined;
-          toolbarExportImage?: ((mimeType: import("./imageMimeTypes.mjs").ChartImageExportMimeType | (string & {})) => string) | undefined;
+          toolbarExportImage?: ((mimeType: import("./imageMimeTypes.mjs").ChartImageExportMimeType | string & {}) => string) | undefined;
           chartTypeBar?: string | undefined;
           chartTypeColumn?: string | undefined;
           chartTypeLine?: string | undefined;
@@ -118,6 +118,11 @@ export declare const getChartsLocalization: (chartsTranslations: Partial<ChartsL
           close?: string | undefined;
           a11yNoValue?: string | undefined;
           a11yConnector?: string | undefined;
+          zoomRangeDescription?: ((params: {
+            axisDirection: 'x' | 'y';
+            start: number;
+            end: number;
+          }) => string) | undefined;
           barDescription?: ((params: {
             value: number | null;
             formattedValue: string;

package/locales/utils/getChartsLocalization.d.ts

@@ -15,7 +15,7 @@ export declare const getChartsLocalization: (chartsTranslations: Partial<ChartsL
           zoomOut?: string | undefined;
           toolbarExport?: string | undefined;
           toolbarExportPrint?: string | undefined;
-          toolbarExportImage?: ((mimeType: import("./imageMimeTypes.js").ChartImageExportMimeType | (string & {})) => string) | undefined;
+          toolbarExportImage?: ((mimeType: import("./imageMimeTypes.js").ChartImageExportMimeType | string & {}) => string) | undefined;
           chartTypeBar?: string | undefined;
           chartTypeColumn?: string | undefined;
           chartTypeLine?: string | undefined;
@@ -118,6 +118,11 @@ export declare const getChartsLocalization: (chartsTranslations: Partial<ChartsL
           close?: string | undefined;
           a11yNoValue?: string | undefined;
           a11yConnector?: string | undefined;
+          zoomRangeDescription?: ((params: {
+            axisDirection: 'x' | 'y';
+            start: number;
+            end: number;
+          }) => string) | undefined;
           barDescription?: ((params: {
             value: number | null;
             formattedValue: string;

package/locales/utils/getChartsLocalization.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 /**
  * Helper to pass translation to all charts thanks to the MUI theme.
  * @param chartsTranslations The translation object.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "9.13.0",
+  "version": "9.15.0",
   "author": "MUI Team",
   "description": "The community edition of MUI X Charts components.",
   "license": "MIT",
@@ -27,16 +27,17 @@
     "directory": "packages/x-charts"
   },
   "dependencies": {
-    "@babel/runtime": "^7.29.7",
+    "@babel/runtime": "^7.29.7 || ^8.0.0",
+    "@base-ui/utils": "^0.4.0",
     "@mui/utils": "^9.4.0",
-    "@mui/x-charts-vendor": "^9.13.0",
-    "@mui/x-internal-gestures": "^9.13.0",
-    "@mui/x-internals": "^9.13.0",
-    "bezier-easing": "^3.0.1",
+    "@mui/x-charts-vendor": "^9.15.0",
+    "@mui/x-internal-gestures": "^9.15.0",
+    "@mui/x-internals": "^9.15.0",
+    "bezier-easing": "^3.1.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "reselect": "^5.2.0",
-    "use-sync-external-store": "^1.6.0"
+    "reselect": "^5.3.0",
+    "use-sync-external-store": "^1.7.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/tests/web-components.js

@@ -17,6 +17,7 @@ function reactToWebComponent(ReactComponent, options, renderer) {
       return [];
     }
     [connectedSymbol] = true;
+    [contextSymbol];
     [propsSymbol] = {};
     constructor() {
       super();

package/tests/web-components.mjs

@@ -11,6 +11,7 @@ export function reactToWebComponent(ReactComponent, options, renderer) {
       return [];
     }
     [connectedSymbol] = true;
+    [contextSymbol];
     [propsSymbol] = {};
     constructor() {
       super();