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

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelector } from '@mui/x-internals/store';
+import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
 import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/index.mjs";
 import { selectorChartXAxis, selectorChartYAxis } from "../useChartCartesianAxis/useChartCartesianAxisRendering.selectors.mjs";
@@ -6,6 +6,13 @@ const selectKeyboardNavigation = state => state.keyboardNavigation;
 export const selectorChartsItemIsFocused = createSelector(selectKeyboardNavigation, (keyboardNavigationState, item) => keyboardNavigationState?.isFocused === true && keyboardNavigationState?.item != null && fastObjectShallowCompare(keyboardNavigationState.item, item));
 export const selectorChartsHasFocusedItem = createSelector(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.isFocused === true && keyboardNavigationState?.item != null);
 export const selectorChartsFocusedItem = createSelector(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.isFocused === true ? keyboardNavigationState?.item ?? null : null);
+
+/**
+ * The item that is either
+ * - currently focused
+ * - will be focused when user focuses the chart
+ */
+export const selectorChartsFocusedOrToFocusedItem = createSelector(selectKeyboardNavigation, keyboardNavigationState => keyboardNavigationState?.item ?? null);
 export const selectorChartsIsKeyboardNavigationEnabled = createSelector(selectKeyboardNavigation, keyboardNavigationState => !!keyboardNavigationState?.enabled);
 
 /**
@@ -31,7 +38,7 @@ const createSelectAxisHighlight = direction => (item, axis, series) => {
 };
 export const selectorChartsKeyboardXAxisIndex = createSelector(selectorChartsFocusedItem, selectorChartXAxis, selectorChartSeriesProcessed, createSelectAxisHighlight('x'));
 export const selectorChartsKeyboardYAxisIndex = createSelector(selectorChartsFocusedItem, selectorChartYAxis, selectorChartSeriesProcessed, createSelectAxisHighlight('y'));
-export const selectorChartsKeyboardItem = createSelector(selectKeyboardNavigation, function selectorChartsKeyboardItem(keyboardState) {
+export const selectorChartsKeyboardItem = createSelectorMemoized(selectKeyboardNavigation, function selectorChartsKeyboardItem(keyboardState) {
   if (keyboardState?.isFocused !== true || keyboardState?.item == null) {
     return null;
   }

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.types.d.mts

@@ -7,7 +7,13 @@ import type { ChartSeriesType } from "../../../../models/seriesType/config.mjs";
 export interface UseChartKeyboardNavigationInstance {}
 export interface UseChartKeyboardNavigationState {
   keyboardNavigation: {
+    /**
+     * The item with keyboard focus. It is `null` when no item is focused.
+     */
     item: null | FocusedItemIdentifier<ChartSeriesType>;
+    /**
+     * If `false` the focus is ignored, but we keep the item in the state to be able to restore it when focus is active again.
+     */
     isFocused: boolean;
     /**
      * Indicates whether keyboard navigation is enabled or not.

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.types.d.ts

@@ -7,7 +7,13 @@ import type { ChartSeriesType } from "../../../../models/seriesType/config.js";
 export interface UseChartKeyboardNavigationInstance {}
 export interface UseChartKeyboardNavigationState {
   keyboardNavigation: {
+    /**
+     * The item with keyboard focus. It is `null` when no item is focused.
+     */
     item: null | FocusedItemIdentifier<ChartSeriesType>;
+    /**
+     * If `false` the focus is ignored, but we keep the item in the state to be able to restore it when focus is active again.
+     */
     isFocused: boolean;
     /**
      * Indicates whether keyboard navigation is enabled or not.

package/internals/seriesSelectorOfType.d.mts

@@ -3,10 +3,10 @@ import { type SeriesId } from "../models/seriesType/common.mjs";
 import type { ProcessedSeries } from "./plugins/corePlugins/useChartSeries/index.mjs";
 export declare const selectorAllSeriesOfType: (args_0: import("./plugins/corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("./plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("./plugins/corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("./plugins/corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("./index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("./index.mjs").ChartStateCacheKey;
-}, seriesType: keyof ChartsSeriesConfig) => import("./index.mjs").SeriesProcessorResult<"line"> | {
+}, seriesType: keyof ChartsSeriesConfig) => import("./index.mjs").SeriesProcessorResult<"line"> | import("./index.mjs").SeriesProcessorResult<"bar"> | {
   series: Record<string, import("../index.mjs").DefaultizedScatterSeriesType>;
   seriesOrder: SeriesId[];
-} | import("./index.mjs").SeriesProcessorResult<"bar"> | {
+} | {
   series: Record<string, import("../index.mjs").DefaultizedPieSeriesType>;
   seriesOrder: SeriesId[];
 } | {
@@ -15,6 +15,6 @@ export declare const selectorAllSeriesOfType: (args_0: import("./plugins/corePlu
 } | undefined;
 export declare const selectorSeriesOfType: (args_0: import("./plugins/corePlugins/useChartId/useChartId.types.mjs").UseChartIdState & import("./plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.mjs").UseChartSeriesConfigState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.mjs").UseChartExperimentalFeaturesState & import("./plugins/corePlugins/useChartDimensions/useChartDimensions.types.mjs").UseChartDimensionsState & import("./plugins/corePlugins/useChartSeries/useChartSeries.types.mjs").UseChartSeriesState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartAnimation/useChartAnimation.types.mjs").UseChartAnimationState & import("./index.mjs").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("./index.mjs").ChartStateCacheKey;
-}, seriesType: keyof ChartsSeriesConfig, ids?: string | string[] | undefined) => import("../index.mjs").DefaultizedLineSeriesType | import("../index.mjs").DefaultizedRadarSeriesType | import("../index.mjs").DefaultizedBarSeriesType | import("../index.mjs").DefaultizedScatterSeriesType | import("../index.mjs").DefaultizedPieSeriesType | (import("../index.mjs").DefaultizedLineSeriesType | import("../index.mjs").DefaultizedRadarSeriesType | import("../index.mjs").DefaultizedBarSeriesType | import("../index.mjs").DefaultizedScatterSeriesType | import("../index.mjs").DefaultizedPieSeriesType | undefined)[] | undefined;
+}, seriesType: keyof ChartsSeriesConfig, ids: string | string[] | undefined) => import("../index.mjs").DefaultizedLineSeriesType | import("../index.mjs").DefaultizedBarSeriesType | import("../index.mjs").DefaultizedScatterSeriesType | import("../index.mjs").DefaultizedPieSeriesType | import("../index.mjs").DefaultizedRadarSeriesType | (import("../index.mjs").DefaultizedLineSeriesType | import("../index.mjs").DefaultizedBarSeriesType | import("../index.mjs").DefaultizedScatterSeriesType | import("../index.mjs").DefaultizedPieSeriesType | import("../index.mjs").DefaultizedRadarSeriesType | undefined)[] | undefined;
 export declare const useAllSeriesOfType: <T extends keyof ChartsSeriesConfig>(seriesType: T) => ProcessedSeries[T];
 export declare const useSeriesOfType: <T extends keyof ChartsSeriesConfig>(seriesType: T, seriesId?: SeriesId | SeriesId[]) => ChartSeriesDefaultized<T> | ChartSeriesDefaultized<T>[] | undefined;

package/internals/seriesSelectorOfType.d.ts

@@ -3,10 +3,10 @@ import { type SeriesId } from "../models/seriesType/common.js";
 import type { ProcessedSeries } from "./plugins/corePlugins/useChartSeries/index.js";
 export declare const selectorAllSeriesOfType: (args_0: import("./plugins/corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("./plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./plugins/corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./plugins/corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("./index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("./index.js").ChartStateCacheKey;
-}, seriesType: keyof ChartsSeriesConfig) => import("./index.js").SeriesProcessorResult<"line"> | {
+}, seriesType: keyof ChartsSeriesConfig) => import("./index.js").SeriesProcessorResult<"line"> | import("./index.js").SeriesProcessorResult<"bar"> | {
   series: Record<string, import("../index.js").DefaultizedScatterSeriesType>;
   seriesOrder: SeriesId[];
-} | import("./index.js").SeriesProcessorResult<"bar"> | {
+} | {
   series: Record<string, import("../index.js").DefaultizedPieSeriesType>;
   seriesOrder: SeriesId[];
 } | {
@@ -15,6 +15,6 @@ export declare const selectorAllSeriesOfType: (args_0: import("./plugins/corePlu
 } | undefined;
 export declare const selectorSeriesOfType: (args_0: import("./plugins/corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("./plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.types.js").UseChartSeriesConfigState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("./plugins/corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("./plugins/corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof ChartsSeriesConfig> & import("./plugins/corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("./index.js").UseChartInteractionListenerState & Partial<{}> & {
   cacheKey: import("./index.js").ChartStateCacheKey;
-}, seriesType: keyof ChartsSeriesConfig, ids?: string | string[] | undefined) => import("../index.js").DefaultizedLineSeriesType | import("../index.js").DefaultizedRadarSeriesType | import("../index.js").DefaultizedBarSeriesType | import("../index.js").DefaultizedScatterSeriesType | import("../index.js").DefaultizedPieSeriesType | (import("../index.js").DefaultizedLineSeriesType | import("../index.js").DefaultizedRadarSeriesType | import("../index.js").DefaultizedBarSeriesType | import("../index.js").DefaultizedScatterSeriesType | import("../index.js").DefaultizedPieSeriesType | undefined)[] | undefined;
+}, seriesType: keyof ChartsSeriesConfig, ids: string | string[] | undefined) => import("../index.js").DefaultizedLineSeriesType | import("../index.js").DefaultizedBarSeriesType | import("../index.js").DefaultizedScatterSeriesType | import("../index.js").DefaultizedPieSeriesType | import("../index.js").DefaultizedRadarSeriesType | (import("../index.js").DefaultizedLineSeriesType | import("../index.js").DefaultizedBarSeriesType | import("../index.js").DefaultizedScatterSeriesType | import("../index.js").DefaultizedPieSeriesType | import("../index.js").DefaultizedRadarSeriesType | undefined)[] | undefined;
 export declare const useAllSeriesOfType: <T extends keyof ChartsSeriesConfig>(seriesType: T) => ProcessedSeries[T];
 export declare const useSeriesOfType: <T extends keyof ChartsSeriesConfig>(seriesType: T, seriesId?: SeriesId | SeriesId[]) => ChartSeriesDefaultized<T> | ChartSeriesDefaultized<T>[] | undefined;

package/internals/store/useCharts.d.mts

@@ -12,7 +12,7 @@ import { type UseChartBaseProps } from "./useCharts.types.mjs";
  */
 export declare function useCharts<TSignatures extends readonly ChartAnyPluginSignature[] = []>(inPlugins: ConvertSignaturesIntoPlugins<TSignatures>, props: Partial<UseChartBaseProps<TSignatures>>): {
   contextValue: {
-    store: Store<ChartState<readonly [import("../plugins/corePlugins/index.mjs").UseChartElementRefSignature, import("../index.mjs").UseChartIdSignature, import("../index.mjs").UseChartSeriesConfigSignature<keyof import("../index.mjs").ChartsSeriesConfig>, import("../plugins/corePlugins/useChartExperimentalFeature/index.mjs").UseChartExperimentalFeaturesSignature, import("../index.mjs").UseChartDimensionsSignature, import("../index.mjs").UseChartSeriesSignature<keyof import("../index.mjs").ChartsSeriesConfig>, import("../plugins/corePlugins/useChartAnimation/index.mjs").UseChartAnimationSignature, import("../index.mjs").UseChartInteractionListenerSignature, ...TSignatures]>>;
+    store: Store<ChartState<readonly [import("../plugins/corePlugins/index.mjs").UseChartElementRefSignature, import("../index.mjs").UseChartIdSignature, import("../index.mjs").UseChartSeriesConfigSignature<keyof import("../index.mjs").ChartsSeriesConfig>, import("../plugins/corePlugins/useChartExperimentalFeature/index.mjs").UseChartExperimentalFeaturesSignature<keyof import("../index.mjs").ChartsSeriesConfig>, import("../index.mjs").UseChartDimensionsSignature, import("../index.mjs").UseChartSeriesSignature<keyof import("../index.mjs").ChartsSeriesConfig>, import("../plugins/corePlugins/useChartAnimation/index.mjs").UseChartAnimationSignature, import("../index.mjs").UseChartInteractionListenerSignature, ...TSignatures]>>;
     publicAPI: ChartPublicAPI<TSignatures>;
     instance: ChartInstance<TSignatures>;
   };

package/internals/store/useCharts.d.ts

@@ -12,7 +12,7 @@ import { type UseChartBaseProps } from "./useCharts.types.js";
  */
 export declare function useCharts<TSignatures extends readonly ChartAnyPluginSignature[] = []>(inPlugins: ConvertSignaturesIntoPlugins<TSignatures>, props: Partial<UseChartBaseProps<TSignatures>>): {
   contextValue: {
-    store: Store<ChartState<readonly [import("../plugins/corePlugins/index.js").UseChartElementRefSignature, import("../index.js").UseChartIdSignature, import("../index.js").UseChartSeriesConfigSignature<keyof import("../index.js").ChartsSeriesConfig>, import("../plugins/corePlugins/useChartExperimentalFeature/index.js").UseChartExperimentalFeaturesSignature, import("../index.js").UseChartDimensionsSignature, import("../index.js").UseChartSeriesSignature<keyof import("../index.js").ChartsSeriesConfig>, import("../plugins/corePlugins/useChartAnimation/index.js").UseChartAnimationSignature, import("../index.js").UseChartInteractionListenerSignature, ...TSignatures]>>;
+    store: Store<ChartState<readonly [import("../plugins/corePlugins/index.js").UseChartElementRefSignature, import("../index.js").UseChartIdSignature, import("../index.js").UseChartSeriesConfigSignature<keyof import("../index.js").ChartsSeriesConfig>, import("../plugins/corePlugins/useChartExperimentalFeature/index.js").UseChartExperimentalFeaturesSignature<keyof import("../index.js").ChartsSeriesConfig>, import("../index.js").UseChartDimensionsSignature, import("../index.js").UseChartSeriesSignature<keyof import("../index.js").ChartsSeriesConfig>, import("../plugins/corePlugins/useChartAnimation/index.js").UseChartAnimationSignature, import("../index.js").UseChartInteractionListenerSignature, ...TSignatures]>>;
     publicAPI: ChartPublicAPI<TSignatures>;
     instance: ChartInstance<TSignatures>;
   };

package/internals/store/useStore.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useStore = useStore;
 var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
-var _ChartProvider = require("../../context/ChartProvider");
+var _ChartsProvider = require("../../context/ChartsProvider");
 // This hook should be removed because user and us should not interact with the store directly, but with public/private APIs
 function useStore() {
-  const context = (0, _ChartProvider.useChartContext)();
+  const context = (0, _ChartsProvider.useChartsContext)();
   if (!context) {
     throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: Could not find the Charts context. ' + 'This happens when the component is rendered outside of a ChartsContainer parent component. ' + 'Wrap your component in a ChartsContainer or ChartsDataProvider.' : (0, _formatErrorMessage2.default)(32));
   }

package/internals/store/useStore.mjs

@@ -1,8 +1,8 @@
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import { useChartContext } from "../../context/ChartProvider/index.mjs";
+import { useChartsContext } from "../../context/ChartsProvider/index.mjs";
 // This hook should be removed because user and us should not interact with the store directly, but with public/private APIs
 export function useStore() {
-  const context = useChartContext();
+  const context = useChartsContext();
   if (!context) {
     throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: Could not find the Charts context. ' + 'This happens when the component is rendered outside of a ChartsContainer parent component. ' + 'Wrap your component in a ChartsContainer or ChartsDataProvider.' : _formatErrorMessage(32));
   }

package/locales/elGR.d.mts

@@ -108,6 +108,86 @@ export declare const elGR: {
           chartConfigurationOptionStepAfter?: string | undefined;
           chartConfigurationOptionBumpX?: string | undefined;
           chartConfigurationOptionBumpY?: string | undefined;
+          open?: string | undefined;
+          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/elGR.d.ts

@@ -108,6 +108,86 @@ export declare const elGR: {
           chartConfigurationOptionStepAfter?: string | undefined;
           chartConfigurationOptionBumpX?: string | undefined;
           chartConfigurationOptionBumpY?: string | undefined;
+          open?: string | undefined;
+          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/elGR.js

@@ -115,5 +115,100 @@ const elGRLocaleText = exports.elGRLocaleText = {
   chartConfigurationOptionStepAfter: 'Βήμα Μετά',
   chartConfigurationOptionBumpX: 'Κυρτότητα Χ',
   chartConfigurationOptionBumpY: 'Κυρτότητα Υ'
+
+  // OHLC/Candlestick
+  // open: 'Open',
+  // high: 'High',
+  // low: 'Low',
+  // 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 elGR = exports.elGR = (0, _getChartsLocalization.getChartsLocalization)(elGRLocaleText);

package/locales/elGR.mjs

@@ -109,5 +109,100 @@ export const elGRLocaleText = {
   chartConfigurationOptionStepAfter: 'Βήμα Μετά',
   chartConfigurationOptionBumpX: 'Κυρτότητα Χ',
   chartConfigurationOptionBumpY: 'Κυρτότητα Υ'
+
+  // OHLC/Candlestick
+  // open: 'Open',
+  // high: 'High',
+  // low: 'Low',
+  // 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 elGR = getChartsLocalization(elGRLocaleText);

package/locales/enUS.d.mts

@@ -109,6 +109,86 @@ export declare const enUS: {
           chartConfigurationOptionStepAfter?: string | undefined;
           chartConfigurationOptionBumpX?: string | undefined;
           chartConfigurationOptionBumpY?: string | undefined;
+          open?: string | undefined;
+          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;
         };
       };
     };