@mui/x-charts 9.12.0 → 9.14.0

package/locales/frFR.d.ts

@@ -114,6 +114,11 @@ export declare const frFR: {
           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/frFR.js

@@ -125,6 +125,14 @@ const frFRLocalText = exports.frFRLocalText = {
   // 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/frFR.mjs

@@ -119,6 +119,14 @@ export const frFRLocalText = {
   // 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/nbNO.d.mts

@@ -114,6 +114,11 @@ export declare const nbNO: {
           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/nbNO.d.ts

@@ -114,6 +114,11 @@ export declare const nbNO: {
           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/nbNO.js

@@ -125,6 +125,14 @@ const nbNOLocaleText = exports.nbNOLocaleText = {
   // 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/nbNO.mjs

@@ -119,6 +119,14 @@ export const nbNOLocaleText = {
   // 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.d.mts

@@ -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.d.ts

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "9.12.0",
+  "version": "9.14.0",
   "author": "MUI Team",
   "description": "The community edition of MUI X Charts components.",
   "license": "MIT",
@@ -28,15 +28,15 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@mui/utils": "^9.3.0",
-    "bezier-easing": "^3.0.1",
+    "@mui/utils": "^9.4.0",
+    "@mui/x-charts-vendor": "^9.13.0",
+    "@mui/x-internal-gestures": "^9.14.0",
+    "@mui/x-internals": "^9.14.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",
-    "@mui/x-charts-vendor": "^9.11.1",
-    "@mui/x-internals": "^9.12.0",
-    "@mui/x-internal-gestures": "^9.12.0"
+    "use-sync-external-store": "^1.7.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",