@mui/x-charts 8.11.3 → 8.13.0

package/esm/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.js

@@ -12,6 +12,7 @@ import { getSVGPoint } from "../../../getSVGPoint.js";
 import { generatePolar2svg, generateSvg2polar, generateSvg2rotation } from "./coordinateTransformation.js";
 import { getAxisIndex } from "./getAxisIndex.js";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/index.js";
+import { checkHasInteractionPlugin } from "../useChartInteraction/checkHasInteractionPlugin.js";
 export const useChartPolarAxis = ({
   params,
   store,
@@ -78,9 +79,10 @@ export const useChartPolarAxis = ({
   const mousePosition = React.useRef({
     isInChart: false
   });
+  const hasInteractionPlugin = checkHasInteractionPlugin(instance);
   React.useEffect(() => {
     const element = svgRef.current;
-    if (!isInteractionEnabled || element === null || params.disableAxisListener) {
+    if (!isInteractionEnabled || !hasInteractionPlugin || element === null || params.disableAxisListener) {
       return () => {};
     }
 
@@ -94,13 +96,13 @@ export const useChartPolarAxis = ({
     const panEndHandler = instance.addInteractionListener('panEnd', event => {
       if (!event.detail.activeGestures.move) {
         mousePosition.current.isInChart = false;
-        instance.cleanInteraction();
+        instance.cleanInteraction?.();
       }
     });
     const pressEndHandler = instance.addInteractionListener('quickPressEnd', event => {
       if (!event.detail.activeGestures.move && !event.detail.activeGestures.pan) {
         mousePosition.current.isInChart = false;
-        instance.cleanInteraction();
+        instance.cleanInteraction?.();
       }
     });
     const gestureHandler = event => {
@@ -112,12 +114,12 @@ export const useChartPolarAxis = ({
         const svgRect = element.getBoundingClientRect();
         if (srcEvent.clientX < svgRect.left || srcEvent.clientX > svgRect.right || srcEvent.clientY < svgRect.top || srcEvent.clientY > svgRect.bottom) {
           mousePosition.current.isInChart = false;
-          instance.cleanInteraction();
+          instance.cleanInteraction?.();
           return;
         }
         const svgPoint = getSVGPoint(element, srcEvent);
         mousePosition.current.isInChart = true;
-        instance.setPointerCoordinate(svgPoint);
+        instance.setPointerCoordinate?.(svgPoint);
         return;
       }
 
@@ -128,7 +130,7 @@ export const useChartPolarAxis = ({
       // Test if it's in the drawing area
       if (!instance.isPointInside(svgPoint.x, svgPoint.y, event.detail.target)) {
         if (mousePosition.current.isInChart) {
-          instance?.cleanInteraction();
+          instance.cleanInteraction?.();
           mousePosition.current.isInChart = false;
         }
         return;
@@ -139,7 +141,7 @@ export const useChartPolarAxis = ({
       const maxRadius = radiusAxisWithScale[usedRadiusAxisId].scale.range()[1];
       if (radiusSquare > maxRadius ** 2) {
         if (mousePosition.current.isInChart) {
-          instance?.cleanInteraction();
+          instance.cleanInteraction?.();
           mousePosition.current.isInChart = false;
         }
         return;
@@ -158,7 +160,7 @@ export const useChartPolarAxis = ({
       pressHandler.cleanup();
       pressEndHandler.cleanup();
     };
-  }, [svgRef, store, center, radiusAxisWithScale, usedRadiusAxisId, rotationAxisWithScale, usedRotationAxisId, instance, params.disableAxisListener, isInteractionEnabled, svg2rotation]);
+  }, [svgRef, store, center, radiusAxisWithScale, usedRadiusAxisId, rotationAxisWithScale, usedRotationAxisId, instance, params.disableAxisListener, isInteractionEnabled, svg2rotation, hasInteractionPlugin]);
   React.useEffect(() => {
     const element = svgRef.current;
     const onAxisClick = params.onAxisClick;

package/esm/internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.types.d.ts

@@ -69,5 +69,6 @@ export type UseChartPolarAxisSignature<SeriesType extends ChartSeriesType = Char
   defaultizedParams: UseChartPolarAxisDefaultizedParameters;
   state: UseChartPolarAxisState;
   instance: UseChartPolarAxisInstance;
-  dependencies: [UseChartInteractionSignature, UseChartSeriesSignature<SeriesType>];
+  dependencies: [UseChartSeriesSignature<SeriesType>];
+  optionalDependencies: [UseChartInteractionSignature];
 }>;

package/esm/internals/plugins/models/seriesConfig/getSeriesWithDefaultValues.types.d.ts

@@ -1,3 +1,3 @@
 import type { ChartSeries, ChartSeriesType } from "../../../../models/seriesType/config.js";
 import type { AllSeriesType } from "../../../../models/seriesType/index.js";
-export type GetSeriesWithDefaultValues<T extends ChartSeriesType> = (series: AllSeriesType<T>, seriesIndex: number, colors: string[]) => ChartSeries<T>;
+export type GetSeriesWithDefaultValues<T extends ChartSeriesType> = (series: AllSeriesType<T>, seriesIndex: number, colors: readonly string[]) => ChartSeries<T>;

package/esm/internals/scaleGuards.d.ts

@@ -1,4 +1,11 @@
+import type { ScaleBand } from '@mui/x-charts-vendor/d3-scale';
 import { D3OrdinalScale, D3Scale } from "../models/axis.js";
 export declare function isOrdinalScale<T extends {
   toString(): string;
+}>(scale: D3Scale<T>): scale is D3OrdinalScale<T>;
+export declare function isBandScale<T extends {
+  toString(): string;
+}>(scale: D3Scale<T>): scale is ScaleBand<T>;
+export declare function isPointScale<T extends {
+  toString(): string;
 }>(scale: D3Scale<T>): scale is D3OrdinalScale<T>;

package/esm/internals/scaleGuards.js

@@ -1,3 +1,9 @@
 export function isOrdinalScale(scale) {
   return scale.bandwidth !== undefined;
+}
+export function isBandScale(scale) {
+  return isOrdinalScale(scale) && scale.paddingOuter !== undefined;
+}
+export function isPointScale(scale) {
+  return isOrdinalScale(scale) && !('paddingOuter' in scale);
 }

package/esm/internals/ticks.d.ts

@@ -1,6 +1,4 @@
 import type { TickParams } from "../hooks/useTicks.js";
-export declare function getTickNumber(params: TickParams & {
-  range: number[];
-  domain: any[];
-}): number;
-export declare function scaleTickNumberByRange(tickNumber: number, range: number[]): number;
+export declare function getTickNumber(params: TickParams, domain: any[], defaultTickNumber: number): number;
+export declare function scaleTickNumberByRange(tickNumber: number, range: number[]): number;
+export declare function getDefaultTickNumber(dimension: number): number;

package/esm/internals/ticks.js

@@ -1,14 +1,12 @@
-export function getTickNumber(params) {
+export function getTickNumber(params, domain, defaultTickNumber) {
   const {
     tickMaxStep,
     tickMinStep,
-    tickNumber,
-    range,
-    domain
+    tickNumber
   } = params;
   const maxTicks = tickMinStep === undefined ? 999 : Math.floor(Math.abs(domain[1] - domain[0]) / tickMinStep);
   const minTicks = tickMaxStep === undefined ? 2 : Math.ceil(Math.abs(domain[1] - domain[0]) / tickMaxStep);
-  const defaultizedTickNumber = tickNumber ?? Math.floor(Math.abs(range[1] - range[0]) / 50);
+  const defaultizedTickNumber = tickNumber ?? defaultTickNumber;
   return Math.min(maxTicks, Math.max(minTicks, defaultizedTickNumber));
 }
 export function scaleTickNumberByRange(tickNumber, range) {
@@ -19,4 +17,7 @@ export function scaleTickNumberByRange(tickNumber, range) {
     return 1;
   }
   return tickNumber / ((range[1] - range[0]) / 100);
+}
+export function getDefaultTickNumber(dimension) {
+  return Math.floor(Math.abs(dimension) / 50);
 }

package/esm/locales/elGR.d.ts

@@ -12,6 +12,102 @@ export declare const elGR: {
           toolbarExport?: string | undefined;
           toolbarExportPrint?: string | undefined;
           toolbarExportImage?: ((mimeType: import("./utils/imageMimeTypes.js").ChartImageExportMimeType | (string & {})) => string) | undefined;
+          chartTypeBar?: string | undefined;
+          chartTypeColumn?: string | undefined;
+          chartTypeLine?: string | undefined;
+          chartTypeArea?: string | undefined;
+          chartTypePie?: string | undefined;
+          chartPaletteLabel?: string | undefined;
+          chartPaletteNameRainbowSurge?: string | undefined;
+          chartPaletteNameBlueberryTwilight?: string | undefined;
+          chartPaletteNameMangoFusion?: string | undefined;
+          chartPaletteNameCheerfulFiesta?: string | undefined;
+          chartPaletteNameStrawberrySky?: string | undefined;
+          chartPaletteNameBlue?: string | undefined;
+          chartPaletteNameGreen?: string | undefined;
+          chartPaletteNamePurple?: string | undefined;
+          chartPaletteNameRed?: string | undefined;
+          chartPaletteNameOrange?: string | undefined;
+          chartPaletteNameYellow?: string | undefined;
+          chartPaletteNameCyan?: string | undefined;
+          chartPaletteNamePink?: string | undefined;
+          chartConfigurationSectionChart?: string | undefined;
+          chartConfigurationSectionAxes?: string | undefined;
+          chartConfigurationSectionTooltip?: string | undefined;
+          chartConfigurationSectionLegend?: string | undefined;
+          chartConfigurationSectionColumns?: string | undefined;
+          chartConfigurationSectionBars?: string | undefined;
+          chartConfigurationSectionLines?: string | undefined;
+          chartConfigurationSectionAreas?: string | undefined;
+          chartConfigurationSectionArcs?: string | undefined;
+          chartConfigurationGrid?: string | undefined;
+          chartConfigurationBorderRadius?: string | undefined;
+          chartConfigurationCategoryGapRatio?: string | undefined;
+          chartConfigurationBarGapRatio?: string | undefined;
+          chartConfigurationStacked?: string | undefined;
+          chartConfigurationShowToolbar?: string | undefined;
+          chartConfigurationSkipAnimation?: string | undefined;
+          chartConfigurationInnerRadius?: string | undefined;
+          chartConfigurationOuterRadius?: string | undefined;
+          chartConfigurationColors?: string | undefined;
+          chartConfigurationHideLegend?: string | undefined;
+          chartConfigurationShowMark?: string | undefined;
+          chartConfigurationHeight?: string | undefined;
+          chartConfigurationWidth?: string | undefined;
+          chartConfigurationSeriesGap?: string | undefined;
+          chartConfigurationTickPlacement?: string | undefined;
+          chartConfigurationTickLabelPlacement?: string | undefined;
+          chartConfigurationCategoriesAxisLabel?: string | undefined;
+          chartConfigurationSeriesAxisLabel?: string | undefined;
+          chartConfigurationXAxisPosition?: string | undefined;
+          chartConfigurationYAxisPosition?: string | undefined;
+          chartConfigurationSeriesAxisReverse?: string | undefined;
+          chartConfigurationTooltipPlacement?: string | undefined;
+          chartConfigurationTooltipTrigger?: string | undefined;
+          chartConfigurationLegendPosition?: string | undefined;
+          chartConfigurationLegendDirection?: string | undefined;
+          chartConfigurationBarLabels?: string | undefined;
+          chartConfigurationColumnLabels?: string | undefined;
+          chartConfigurationInterpolation?: string | undefined;
+          chartConfigurationPaddingAngle?: string | undefined;
+          chartConfigurationCornerRadius?: string | undefined;
+          chartConfigurationArcLabels?: string | undefined;
+          chartConfigurationStartAngle?: string | undefined;
+          chartConfigurationEndAngle?: string | undefined;
+          chartConfigurationPieTooltipTrigger?: string | undefined;
+          chartConfigurationPieLegendPosition?: string | undefined;
+          chartConfigurationPieLegendDirection?: string | undefined;
+          chartConfigurationOptionNone?: string | undefined;
+          chartConfigurationOptionValue?: string | undefined;
+          chartConfigurationOptionAuto?: string | undefined;
+          chartConfigurationOptionTop?: string | undefined;
+          chartConfigurationOptionTopLeft?: string | undefined;
+          chartConfigurationOptionTopRight?: string | undefined;
+          chartConfigurationOptionBottom?: string | undefined;
+          chartConfigurationOptionBottomLeft?: string | undefined;
+          chartConfigurationOptionBottomRight?: string | undefined;
+          chartConfigurationOptionLeft?: string | undefined;
+          chartConfigurationOptionRight?: string | undefined;
+          chartConfigurationOptionAxis?: string | undefined;
+          chartConfigurationOptionItem?: string | undefined;
+          chartConfigurationOptionHorizontal?: string | undefined;
+          chartConfigurationOptionVertical?: string | undefined;
+          chartConfigurationOptionBoth?: string | undefined;
+          chartConfigurationOptionStart?: string | undefined;
+          chartConfigurationOptionMiddle?: string | undefined;
+          chartConfigurationOptionEnd?: string | undefined;
+          chartConfigurationOptionExtremities?: string | undefined;
+          chartConfigurationOptionTick?: string | undefined;
+          chartConfigurationOptionMonotoneX?: string | undefined;
+          chartConfigurationOptionMonotoneY?: string | undefined;
+          chartConfigurationOptionCatmullRom?: string | undefined;
+          chartConfigurationOptionLinear?: string | undefined;
+          chartConfigurationOptionNatural?: string | undefined;
+          chartConfigurationOptionStep?: string | undefined;
+          chartConfigurationOptionStepBefore?: string | undefined;
+          chartConfigurationOptionStepAfter?: string | undefined;
+          chartConfigurationOptionBumpX?: string | undefined;
+          chartConfigurationOptionBumpY?: string | undefined;
         };
       };
     };

package/esm/locales/elGR.js

@@ -11,5 +11,105 @@ export const elGRLocaleText = {
   // Toolbar Export Menu
   toolbarExportPrint: 'Εκτύπωση',
   toolbarExportImage: mimeType => `Εξαγωγή ως ${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',
+
+  // 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',
 };
 export const elGR = getChartsLocalization(elGRLocaleText);

package/esm/locales/enUS.d.ts

@@ -13,6 +13,102 @@ export declare const enUS: {
           toolbarExport?: string | undefined;
           toolbarExportPrint?: string | undefined;
           toolbarExportImage?: ((mimeType: import("./utils/imageMimeTypes.js").ChartImageExportMimeType | (string & {})) => string) | undefined;
+          chartTypeBar?: string | undefined;
+          chartTypeColumn?: string | undefined;
+          chartTypeLine?: string | undefined;
+          chartTypeArea?: string | undefined;
+          chartTypePie?: string | undefined;
+          chartPaletteLabel?: string | undefined;
+          chartPaletteNameRainbowSurge?: string | undefined;
+          chartPaletteNameBlueberryTwilight?: string | undefined;
+          chartPaletteNameMangoFusion?: string | undefined;
+          chartPaletteNameCheerfulFiesta?: string | undefined;
+          chartPaletteNameStrawberrySky?: string | undefined;
+          chartPaletteNameBlue?: string | undefined;
+          chartPaletteNameGreen?: string | undefined;
+          chartPaletteNamePurple?: string | undefined;
+          chartPaletteNameRed?: string | undefined;
+          chartPaletteNameOrange?: string | undefined;
+          chartPaletteNameYellow?: string | undefined;
+          chartPaletteNameCyan?: string | undefined;
+          chartPaletteNamePink?: string | undefined;
+          chartConfigurationSectionChart?: string | undefined;
+          chartConfigurationSectionAxes?: string | undefined;
+          chartConfigurationSectionTooltip?: string | undefined;
+          chartConfigurationSectionLegend?: string | undefined;
+          chartConfigurationSectionColumns?: string | undefined;
+          chartConfigurationSectionBars?: string | undefined;
+          chartConfigurationSectionLines?: string | undefined;
+          chartConfigurationSectionAreas?: string | undefined;
+          chartConfigurationSectionArcs?: string | undefined;
+          chartConfigurationGrid?: string | undefined;
+          chartConfigurationBorderRadius?: string | undefined;
+          chartConfigurationCategoryGapRatio?: string | undefined;
+          chartConfigurationBarGapRatio?: string | undefined;
+          chartConfigurationStacked?: string | undefined;
+          chartConfigurationShowToolbar?: string | undefined;
+          chartConfigurationSkipAnimation?: string | undefined;
+          chartConfigurationInnerRadius?: string | undefined;
+          chartConfigurationOuterRadius?: string | undefined;
+          chartConfigurationColors?: string | undefined;
+          chartConfigurationHideLegend?: string | undefined;
+          chartConfigurationShowMark?: string | undefined;
+          chartConfigurationHeight?: string | undefined;
+          chartConfigurationWidth?: string | undefined;
+          chartConfigurationSeriesGap?: string | undefined;
+          chartConfigurationTickPlacement?: string | undefined;
+          chartConfigurationTickLabelPlacement?: string | undefined;
+          chartConfigurationCategoriesAxisLabel?: string | undefined;
+          chartConfigurationSeriesAxisLabel?: string | undefined;
+          chartConfigurationXAxisPosition?: string | undefined;
+          chartConfigurationYAxisPosition?: string | undefined;
+          chartConfigurationSeriesAxisReverse?: string | undefined;
+          chartConfigurationTooltipPlacement?: string | undefined;
+          chartConfigurationTooltipTrigger?: string | undefined;
+          chartConfigurationLegendPosition?: string | undefined;
+          chartConfigurationLegendDirection?: string | undefined;
+          chartConfigurationBarLabels?: string | undefined;
+          chartConfigurationColumnLabels?: string | undefined;
+          chartConfigurationInterpolation?: string | undefined;
+          chartConfigurationPaddingAngle?: string | undefined;
+          chartConfigurationCornerRadius?: string | undefined;
+          chartConfigurationArcLabels?: string | undefined;
+          chartConfigurationStartAngle?: string | undefined;
+          chartConfigurationEndAngle?: string | undefined;
+          chartConfigurationPieTooltipTrigger?: string | undefined;
+          chartConfigurationPieLegendPosition?: string | undefined;
+          chartConfigurationPieLegendDirection?: string | undefined;
+          chartConfigurationOptionNone?: string | undefined;
+          chartConfigurationOptionValue?: string | undefined;
+          chartConfigurationOptionAuto?: string | undefined;
+          chartConfigurationOptionTop?: string | undefined;
+          chartConfigurationOptionTopLeft?: string | undefined;
+          chartConfigurationOptionTopRight?: string | undefined;
+          chartConfigurationOptionBottom?: string | undefined;
+          chartConfigurationOptionBottomLeft?: string | undefined;
+          chartConfigurationOptionBottomRight?: string | undefined;
+          chartConfigurationOptionLeft?: string | undefined;
+          chartConfigurationOptionRight?: string | undefined;
+          chartConfigurationOptionAxis?: string | undefined;
+          chartConfigurationOptionItem?: string | undefined;
+          chartConfigurationOptionHorizontal?: string | undefined;
+          chartConfigurationOptionVertical?: string | undefined;
+          chartConfigurationOptionBoth?: string | undefined;
+          chartConfigurationOptionStart?: string | undefined;
+          chartConfigurationOptionMiddle?: string | undefined;
+          chartConfigurationOptionEnd?: string | undefined;
+          chartConfigurationOptionExtremities?: string | undefined;
+          chartConfigurationOptionTick?: string | undefined;
+          chartConfigurationOptionMonotoneX?: string | undefined;
+          chartConfigurationOptionMonotoneY?: string | undefined;
+          chartConfigurationOptionCatmullRom?: string | undefined;
+          chartConfigurationOptionLinear?: string | undefined;
+          chartConfigurationOptionNatural?: string | undefined;
+          chartConfigurationOptionStep?: string | undefined;
+          chartConfigurationOptionStepBefore?: string | undefined;
+          chartConfigurationOptionStepAfter?: string | undefined;
+          chartConfigurationOptionBumpX?: string | undefined;
+          chartConfigurationOptionBumpY?: string | undefined;
         };
       };
     };

package/esm/locales/enUS.js

@@ -13,7 +13,105 @@ export const enUSLocaleText = {
   toolbarExport: 'Export',
   /* Toolbar Export Menu */
   toolbarExportPrint: 'Print',
-  toolbarExportImage: mimeType => `Export as ${imageMimeTypes[mimeType] ?? mimeType}`
+  toolbarExportImage: mimeType => `Export as ${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',
+  // 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'
 };
 export const DEFAULT_LOCALE = enUSLocaleText;
 export const enUS = getChartsLocalization(enUSLocaleText);