npm - @mui/x-charts - Versions diffs - 9.0.0-alpha.4 → 9.0.0-beta.0 - Mend

@mui/x-charts 9.0.0-alpha.4 → 9.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (242) hide show

package/locales/enUS.d.mts CHANGED Viewed

@@ -113,6 +113,82 @@ export declare const enUS: {
           high?: string | undefined;
           low?: string | undefined;
           close?: string | undefined;
+          a11yNoValue?: string | undefined;
+          a11yConnector?: string | undefined;
+          barDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            categoryValue: string | number | null;
+            formattedCategoryValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          lineDescription?: ((params: {
+            x: number | null;
+            y: number | null;
+            formattedXValue: string;
+            formattedYValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          scatterDescription?: ((params: {
+            x: number | null;
+            y: number | null;
+            formattedXValue: string;
+            formattedYValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          pieDescription?: ((params: {
+            value: number | null;
+            totalValue: number;
+            formattedValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          radarDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            categoryValue: string | number | null;
+            formattedCategoryValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          funnelDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          heatmapDescription?: ((params: {
+            x: number | string | null;
+            y: number | string | null;
+            value: number | null;
+            formattedValue: string;
+            formattedXValue: string;
+            formattedYValue: string;
+          }) => string) | undefined;
+          sankeyNodeDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            nodeLabel: string;
+          }) => string) | undefined;
+          sankeyLinkDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            sourceLabel: string;
+            targetLabel: string;
+          }) => string) | undefined;
+          rangeBarDescription?: ((params: {
+            value: [number, number] | null;
+            formattedValue: string;
+            categoryValue: string | number | null;
+            formattedCategoryValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          ohlcDescription?: ((params: {
+            open: number | null;
+            high: number | null;
+            low: number | null;
+            close: number | null;
+            date: Date | null;
+            formattedDate: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
         };
       };
     };

package/locales/enUS.d.ts CHANGED Viewed

@@ -113,6 +113,82 @@ export declare const enUS: {
           high?: string | undefined;
           low?: string | undefined;
           close?: string | undefined;
+          a11yNoValue?: string | undefined;
+          a11yConnector?: string | undefined;
+          barDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            categoryValue: string | number | null;
+            formattedCategoryValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          lineDescription?: ((params: {
+            x: number | null;
+            y: number | null;
+            formattedXValue: string;
+            formattedYValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          scatterDescription?: ((params: {
+            x: number | null;
+            y: number | null;
+            formattedXValue: string;
+            formattedYValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          pieDescription?: ((params: {
+            value: number | null;
+            totalValue: number;
+            formattedValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          radarDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            categoryValue: string | number | null;
+            formattedCategoryValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          funnelDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          heatmapDescription?: ((params: {
+            x: number | string | null;
+            y: number | string | null;
+            value: number | null;
+            formattedValue: string;
+            formattedXValue: string;
+            formattedYValue: string;
+          }) => string) | undefined;
+          sankeyNodeDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            nodeLabel: string;
+          }) => string) | undefined;
+          sankeyLinkDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            sourceLabel: string;
+            targetLabel: string;
+          }) => string) | undefined;
+          rangeBarDescription?: ((params: {
+            value: [number, number] | null;
+            formattedValue: string;
+            categoryValue: string | number | null;
+            formattedCategoryValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          ohlcDescription?: ((params: {
+            open: number | null;
+            high: number | null;
+            low: number | null;
+            close: number | null;
+            date: Date | null;
+            formattedDate: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
         };
       };
     };

package/locales/enUS.js CHANGED Viewed

@@ -121,7 +121,95 @@ const enUSLocaleText = exports.enUSLocaleText = {
   open: 'Open',
   high: 'High',
   low: 'Low',
-  close: 'Close'
+  close: 'Close',
+  // Accessibility descriptions
+  a11yNoValue: 'no value',
+  a11yConnector: '; ',
+  barDescription: function barDescription({
+    value,
+    formattedValue,
+    formattedCategoryValue,
+    seriesLabel
+  }) {
+    return [formattedCategoryValue, seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  lineDescription: function lineDescription({
+    y,
+    formattedXValue,
+    formattedYValue,
+    seriesLabel
+  }) {
+    return [formattedXValue, seriesLabel, y === null ? this.a11yNoValue : formattedYValue].filter(Boolean).join(this.a11yConnector);
+  },
+  scatterDescription: function scatterDescription({
+    formattedXValue,
+    formattedYValue,
+    seriesLabel
+  }) {
+    return [seriesLabel, formattedXValue, formattedYValue].filter(Boolean).join(this.a11yConnector);
+  },
+  pieDescription: function pieDescription({
+    value,
+    formattedValue,
+    seriesLabel
+  }) {
+    return [seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  radarDescription: function radarDescription({
+    value,
+    formattedValue,
+    formattedCategoryValue,
+    seriesLabel
+  }) {
+    return [formattedCategoryValue, seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  funnelDescription: function funnelDescription({
+    value,
+    formattedValue,
+    seriesLabel
+  }) {
+    return [seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  heatmapDescription: function heatmapDescription({
+    value,
+    formattedValue,
+    formattedXValue,
+    formattedYValue
+  }) {
+    return [formattedXValue, formattedYValue, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  sankeyNodeDescription: function sankeyNodeDescription({
+    formattedValue,
+    nodeLabel
+  }) {
+    return [nodeLabel, formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  sankeyLinkDescription: function sankeyLinkDescription({
+    formattedValue,
+    sourceLabel,
+    targetLabel
+  }) {
+    return [sourceLabel && targetLabel ? `${sourceLabel} to ${targetLabel}` : sourceLabel ?? targetLabel, formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  rangeBarDescription: function rangeBarDescription({
+    value,
+    formattedValue,
+    formattedCategoryValue,
+    seriesLabel
+  }) {
+    return [formattedCategoryValue, seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  ohlcDescription: function ohlcDescription({
+    open,
+    high,
+    low,
+    close,
+    formattedDate,
+    seriesLabel
+  }) {
+    const hasValues = open !== null && high !== null && low !== null && close !== null;
+    return [formattedDate, seriesLabel, hasValues ? `Open: ${open}, High: ${high}, Low: ${low}, Close: ${close}` : this.a11yNoValue].filter(Boolean).join(this.a11yConnector);
+  }
 };
 const DEFAULT_LOCALE = exports.DEFAULT_LOCALE = enUSLocaleText;
 const enUS = exports.enUS = (0, _getChartsLocalization.getChartsLocalization)(enUSLocaleText);

package/locales/enUS.mjs CHANGED Viewed

@@ -116,7 +116,95 @@ export const enUSLocaleText = {
   open: 'Open',
   high: 'High',
   low: 'Low',
-  close: 'Close'
+  close: 'Close',
+  // Accessibility descriptions
+  a11yNoValue: 'no value',
+  a11yConnector: '; ',
+  barDescription: function barDescription({
+    value,
+    formattedValue,
+    formattedCategoryValue,
+    seriesLabel
+  }) {
+    return [formattedCategoryValue, seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  lineDescription: function lineDescription({
+    y,
+    formattedXValue,
+    formattedYValue,
+    seriesLabel
+  }) {
+    return [formattedXValue, seriesLabel, y === null ? this.a11yNoValue : formattedYValue].filter(Boolean).join(this.a11yConnector);
+  },
+  scatterDescription: function scatterDescription({
+    formattedXValue,
+    formattedYValue,
+    seriesLabel
+  }) {
+    return [seriesLabel, formattedXValue, formattedYValue].filter(Boolean).join(this.a11yConnector);
+  },
+  pieDescription: function pieDescription({
+    value,
+    formattedValue,
+    seriesLabel
+  }) {
+    return [seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  radarDescription: function radarDescription({
+    value,
+    formattedValue,
+    formattedCategoryValue,
+    seriesLabel
+  }) {
+    return [formattedCategoryValue, seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  funnelDescription: function funnelDescription({
+    value,
+    formattedValue,
+    seriesLabel
+  }) {
+    return [seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  heatmapDescription: function heatmapDescription({
+    value,
+    formattedValue,
+    formattedXValue,
+    formattedYValue
+  }) {
+    return [formattedXValue, formattedYValue, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  sankeyNodeDescription: function sankeyNodeDescription({
+    formattedValue,
+    nodeLabel
+  }) {
+    return [nodeLabel, formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  sankeyLinkDescription: function sankeyLinkDescription({
+    formattedValue,
+    sourceLabel,
+    targetLabel
+  }) {
+    return [sourceLabel && targetLabel ? `${sourceLabel} to ${targetLabel}` : sourceLabel ?? targetLabel, formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  rangeBarDescription: function rangeBarDescription({
+    value,
+    formattedValue,
+    formattedCategoryValue,
+    seriesLabel
+  }) {
+    return [formattedCategoryValue, seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  },
+  ohlcDescription: function ohlcDescription({
+    open,
+    high,
+    low,
+    close,
+    formattedDate,
+    seriesLabel
+  }) {
+    const hasValues = open !== null && high !== null && low !== null && close !== null;
+    return [formattedDate, seriesLabel, hasValues ? `Open: ${open}, High: ${high}, Low: ${low}, Close: ${close}` : this.a11yNoValue].filter(Boolean).join(this.a11yConnector);
+  }
 };
 export const DEFAULT_LOCALE = enUSLocaleText;
 export const enUS = getChartsLocalization(enUSLocaleText);

package/locales/frFR.d.mts CHANGED Viewed

@@ -112,6 +112,82 @@ export declare const frFR: {
           high?: string | undefined;
           low?: string | undefined;
           close?: string | undefined;
+          a11yNoValue?: string | undefined;
+          a11yConnector?: string | undefined;
+          barDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            categoryValue: string | number | null;
+            formattedCategoryValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          lineDescription?: ((params: {
+            x: number | null;
+            y: number | null;
+            formattedXValue: string;
+            formattedYValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          scatterDescription?: ((params: {
+            x: number | null;
+            y: number | null;
+            formattedXValue: string;
+            formattedYValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          pieDescription?: ((params: {
+            value: number | null;
+            totalValue: number;
+            formattedValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          radarDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            categoryValue: string | number | null;
+            formattedCategoryValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          funnelDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          heatmapDescription?: ((params: {
+            x: number | string | null;
+            y: number | string | null;
+            value: number | null;
+            formattedValue: string;
+            formattedXValue: string;
+            formattedYValue: string;
+          }) => string) | undefined;
+          sankeyNodeDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            nodeLabel: string;
+          }) => string) | undefined;
+          sankeyLinkDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            sourceLabel: string;
+            targetLabel: string;
+          }) => string) | undefined;
+          rangeBarDescription?: ((params: {
+            value: [number, number] | null;
+            formattedValue: string;
+            categoryValue: string | number | null;
+            formattedCategoryValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          ohlcDescription?: ((params: {
+            open: number | null;
+            high: number | null;
+            low: number | null;
+            close: number | null;
+            date: Date | null;
+            formattedDate: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
         };
       };
     };

package/locales/frFR.d.ts CHANGED Viewed

@@ -112,6 +112,82 @@ export declare const frFR: {
           high?: string | undefined;
           low?: string | undefined;
           close?: string | undefined;
+          a11yNoValue?: string | undefined;
+          a11yConnector?: string | undefined;
+          barDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            categoryValue: string | number | null;
+            formattedCategoryValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          lineDescription?: ((params: {
+            x: number | null;
+            y: number | null;
+            formattedXValue: string;
+            formattedYValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          scatterDescription?: ((params: {
+            x: number | null;
+            y: number | null;
+            formattedXValue: string;
+            formattedYValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          pieDescription?: ((params: {
+            value: number | null;
+            totalValue: number;
+            formattedValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          radarDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            categoryValue: string | number | null;
+            formattedCategoryValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          funnelDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          heatmapDescription?: ((params: {
+            x: number | string | null;
+            y: number | string | null;
+            value: number | null;
+            formattedValue: string;
+            formattedXValue: string;
+            formattedYValue: string;
+          }) => string) | undefined;
+          sankeyNodeDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            nodeLabel: string;
+          }) => string) | undefined;
+          sankeyLinkDescription?: ((params: {
+            value: number | null;
+            formattedValue: string;
+            sourceLabel: string;
+            targetLabel: string;
+          }) => string) | undefined;
+          rangeBarDescription?: ((params: {
+            value: [number, number] | null;
+            formattedValue: string;
+            categoryValue: string | number | null;
+            formattedCategoryValue: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
+          ohlcDescription?: ((params: {
+            open: number | null;
+            high: number | null;
+            low: number | null;
+            close: number | null;
+            date: Date | null;
+            formattedDate: string;
+            seriesLabel?: string;
+          }) => string) | undefined;
         };
       };
     };

package/locales/frFR.js CHANGED Viewed

@@ -121,5 +121,94 @@ const frFRLocalText = exports.frFRLocalText = {
   high: 'Haut',
   low: 'Bas',
   close: 'Cloture'
+  // Accessibility descriptions
+  // a11yNoValue: 'no value',
+  // a11yConnector: '; ',
+  // barDescription: function barDescription({
+  //   value,
+  //   formattedValue,
+  //   formattedCategoryValue,
+  //   seriesLabel
+  // }) {
+  //   return [formattedCategoryValue, seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  // },
+  // lineDescription: function lineDescription({
+  //   y,
+  //   formattedXValue,
+  //   formattedYValue,
+  //   seriesLabel
+  // }) {
+  //   return [formattedXValue, seriesLabel, y === null ? this.a11yNoValue : formattedYValue].filter(Boolean).join(this.a11yConnector);
+  // },
+  // scatterDescription: function scatterDescription({
+  //   formattedXValue,
+  //   formattedYValue,
+  //   seriesLabel
+  // }) {
+  //   return [seriesLabel, formattedXValue, formattedYValue].filter(Boolean).join(this.a11yConnector);
+  // },
+  // pieDescription: function pieDescription({
+  //   value,
+  //   formattedValue,
+  //   seriesLabel
+  // }) {
+  //   return [seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  // },
+  // radarDescription: function radarDescription({
+  //   value,
+  //   formattedValue,
+  //   formattedCategoryValue,
+  //   seriesLabel
+  // }) {
+  //   return [formattedCategoryValue, seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  // },
+  // funnelDescription: function funnelDescription({
+  //   value,
+  //   formattedValue,
+  //   seriesLabel
+  // }) {
+  //   return [seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  // },
+  // heatmapDescription: function heatmapDescription({
+  //   value,
+  //   formattedValue,
+  //   formattedXValue,
+  //   formattedYValue
+  // }) {
+  //   return [formattedXValue, formattedYValue, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  // },
+  // sankeyNodeDescription: function sankeyNodeDescription({
+  //   formattedValue,
+  //   nodeLabel
+  // }) {
+  //   return [nodeLabel, formattedValue].filter(Boolean).join(this.a11yConnector);
+  // },
+  // sankeyLinkDescription: function sankeyLinkDescription({
+  //   formattedValue,
+  //   sourceLabel,
+  //   targetLabel
+  // }) {
+  //   return [sourceLabel && targetLabel ? `${sourceLabel} to ${targetLabel}` : sourceLabel ?? targetLabel, formattedValue].filter(Boolean).join(this.a11yConnector);
+  // },
+  // rangeBarDescription: function rangeBarDescription({
+  //   value,
+  //   formattedValue,
+  //   formattedCategoryValue,
+  //   seriesLabel
+  // }) {
+  //   return [formattedCategoryValue, seriesLabel, value === null ? this.a11yNoValue : formattedValue].filter(Boolean).join(this.a11yConnector);
+  // },
+  // ohlcDescription: function ohlcDescription({
+  //   open,
+  //   high,
+  //   low,
+  //   close,
+  //   formattedDate,
+  //   seriesLabel
+  // }) {
+  //   const hasValues = open !== null && high !== null && low !== null && close !== null;
+  //   return [formattedDate, seriesLabel, hasValues ? `Open: ${open}, High: ${high}, Low: ${low}, Close: ${close}` : this.a11yNoValue].filter(Boolean).join(this.a11yConnector);
+  // },
 };
 const frFR = exports.frFR = (0, _getChartsLocalization.getChartsLocalization)(frFRLocalText);