@mui/x-charts 8.15.0 → 8.17.0

package/BarChart/AnimatedBarElement.d.ts

@@ -39,4 +39,4 @@ export interface BarProps extends Omit<React.SVGProps<SVGRectElement>, 'id' | 'c
    */
   skipAnimation: boolean;
 }
-export declare function AnimatedBarElement(props: BarProps): React.JSX.Element;
+export declare function AnimatedBarElement(props: BarProps): import("react/jsx-runtime").JSX.Element;

package/BarChart/BarChart.js

@@ -90,6 +90,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     y: _propTypes.default.oneOf(['band', 'line', 'none'])
   }),
   /**
+   * @deprecated Use `barLabel` in the chart series instead.
    * If provided, the function will be used to format the label of the bar.
    * It can be set to 'value' to display the current value.
    * @param {BarItem} item The item to format.

package/BarChart/BarChart.plugins.d.ts

@@ -5,5 +5,5 @@ import { UseChartHighlightSignature } from "../internals/plugins/featurePlugins/
 import { UseChartKeyboardNavigationSignature } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.js";
 import { ConvertSignaturesIntoPlugins } from "../internals/plugins/models/helpers.js";
 import { UseChartBrushSignature } from "../internals/plugins/featurePlugins/useChartBrush/index.js";
-export type BarChartPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartCartesianAxisSignature<'bar'>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature];
+export type BarChartPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'bar'>, UseChartHighlightSignature, UseChartKeyboardNavigationSignature];
 export declare const BAR_CHART_PLUGINS: ConvertSignaturesIntoPlugins<BarChartPluginSignatures>;

package/BarChart/BarChart.plugins.js

@@ -10,4 +10,4 @@ var _useChartInteraction = require("../internals/plugins/featurePlugins/useChart
 var _useChartHighlight = require("../internals/plugins/featurePlugins/useChartHighlight");
 var _useChartKeyboardNavigation = require("../internals/plugins/featurePlugins/useChartKeyboardNavigation");
 var _useChartBrush = require("../internals/plugins/featurePlugins/useChartBrush");
-const BAR_CHART_PLUGINS = exports.BAR_CHART_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartBrush.useChartBrush, _useChartCartesianAxis.useChartCartesianAxis, _useChartInteraction.useChartInteraction, _useChartHighlight.useChartHighlight, _useChartKeyboardNavigation.useChartKeyboardNavigation];
+const BAR_CHART_PLUGINS = exports.BAR_CHART_PLUGINS = [_useChartZAxis.useChartZAxis, _useChartBrush.useChartBrush, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight, _useChartKeyboardNavigation.useChartKeyboardNavigation];

package/BarChart/BarClipPath.d.ts

@@ -33,5 +33,5 @@ export interface BarClipPathProps {
 /**
  * @ignore - internal component.
  */
-declare function BarClipPath(props: BarClipPathProps): React.JSX.Element | null;
+declare function BarClipPath(props: BarClipPathProps): import("react/jsx-runtime").JSX.Element | null;
 export { BarClipPath };

package/BarChart/BarElement.d.ts

@@ -32,7 +32,7 @@ export type BarElementProps = Omit<BarElementOwnerState, 'isFaded' | 'isHighligh
   layout: 'horizontal' | 'vertical';
   skipAnimation: boolean;
 };
-declare function BarElement(props: BarElementProps): React.JSX.Element;
+declare function BarElement(props: BarElementProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BarElement {
   var propTypes: any;
 }

package/BarChart/BarElement.js

@@ -39,23 +39,21 @@ function BarElement(props) {
       height
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const interactionProps = (0, _useInteractionItemProps.useInteractionItemProps)({
+  const itemIdentifier = React.useMemo(() => ({
     type: 'bar',
     seriesId: id,
     dataIndex
-  });
+  }), [id, dataIndex]);
+  const interactionProps = (0, _useInteractionItemProps.useInteractionItemProps)(itemIdentifier);
   const {
     isFaded,
     isHighlighted
-  } = (0, _useItemHighlighted.useItemHighlighted)({
-    seriesId: id,
-    dataIndex
-  });
-  const isFocused = (0, _useIsItemFocused.useIsItemFocused)({
+  } = (0, _useItemHighlighted.useItemHighlighted)(itemIdentifier);
+  const isFocused = (0, _useIsItemFocused.useIsItemFocused)(React.useMemo(() => ({
     seriesType: 'bar',
     seriesId: id,
     dataIndex
-  });
+  }), [id, dataIndex]));
   const ownerState = {
     id,
     dataIndex,

package/BarChart/BarLabel/BarLabel.d.ts

@@ -27,7 +27,7 @@ export type BarLabelProps = Omit<React.SVGProps<SVGTextElement>, 'ref' | 'id' |
    */
   height: number;
 };
-declare function BarLabel(inProps: BarLabelProps): React.JSX.Element;
+declare function BarLabel(inProps: BarLabelProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BarLabel {
   var propTypes: any;
 }

package/BarChart/BarLabel/BarLabelItem.d.ts

@@ -71,7 +71,7 @@ export type BarLabelItemProps = Omit<BarLabelOwnerState, 'isFaded' | 'isHighligh
 /**
  * @ignore - internal component.
  */
-declare function BarLabelItem(props: BarLabelItemProps): React.JSX.Element | null;
+declare function BarLabelItem(props: BarLabelItemProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace BarLabelItem {
   var propTypes: any;
 }

package/BarChart/BarLabel/BarLabelPlot.d.ts

@@ -1,13 +1,12 @@
-import * as React from 'react';
 import type { ProcessedBarSeriesData } from "../types.js";
 import { BarLabelItemProps } from "./BarLabelItem.js";
 type BarLabelPlotProps = {
-  bars: ProcessedBarSeriesData[];
+  processedSeries: ProcessedBarSeriesData;
   skipAnimation?: boolean;
   barLabel?: BarLabelItemProps['barLabel'];
 };
 /**
  * @ignore - internal component.
  */
-declare function BarLabelPlot(props: BarLabelPlotProps): React.JSX.Element;
+declare function BarLabelPlot(props: BarLabelPlotProps): import("react/jsx-runtime").JSX.Element | null;
 export { BarLabelPlot };

package/BarChart/BarLabel/BarLabelPlot.js

@@ -12,49 +12,54 @@ var React = _interopRequireWildcard(require("react"));
 var _BarLabelItem = require("./BarLabelItem");
 var _barClasses = require("../barClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["bars", "skipAnimation"];
+const _excluded = ["processedSeries", "skipAnimation"];
 /**
  * @ignore - internal component.
  */
 function BarLabelPlot(props) {
   const {
-      bars,
+      processedSeries,
       skipAnimation
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const {
+    seriesId,
+    data
+  } = processedSeries;
   const classes = (0, _barClasses.useUtilityClasses)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
-    children: bars.flatMap(({
-      seriesId,
-      data
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-      className: classes.seriesLabels,
-      "data-series": seriesId,
-      children: data.map(({
-        xOrigin,
-        yOrigin,
-        x,
-        y,
-        dataIndex,
-        color,
-        value,
-        width,
-        height,
-        layout
-      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarLabelItem.BarLabelItem, (0, _extends2.default)({
-        seriesId: seriesId,
-        dataIndex: dataIndex,
-        value: value,
-        color: color,
-        xOrigin: xOrigin,
-        yOrigin: yOrigin,
-        x: x,
-        y: y,
-        width: width,
-        height: height,
-        skipAnimation: skipAnimation ?? false,
-        layout: layout ?? 'vertical'
-      }, other), dataIndex))
-    }, seriesId))
-  });
+  const barLabel = processedSeries.barLabel ?? props.barLabel;
+  if (!barLabel) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    className: classes.seriesLabels,
+    "data-series": seriesId,
+    children: data.map(({
+      xOrigin,
+      yOrigin,
+      x,
+      y,
+      dataIndex,
+      color,
+      value,
+      width,
+      height,
+      layout
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarLabelItem.BarLabelItem, (0, _extends2.default)({
+      seriesId: seriesId,
+      dataIndex: dataIndex,
+      value: value,
+      color: color,
+      xOrigin: xOrigin,
+      yOrigin: yOrigin,
+      x: x,
+      y: y,
+      width: width,
+      height: height,
+      skipAnimation: skipAnimation ?? false,
+      layout: layout ?? 'vertical'
+    }, other, {
+      barLabel: barLabel
+    }), dataIndex))
+  }, seriesId);
 }

package/BarChart/BarPlot.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { BarElementSlotProps, BarElementSlots } from "./BarElement.js";
 import { BarItemIdentifier } from "../models/index.js";
-import { BarLabelItemProps, BarLabelSlotProps, BarLabelSlots } from "./BarLabel/BarLabelItem.js";
+import { BarLabelSlotProps, BarLabelSlots } from "./BarLabel/BarLabelItem.js";
+import { BarItem, BarLabelContext } from "./BarLabel/index.js";
 export interface BarPlotSlots extends BarElementSlots, BarLabelSlots {}
 export interface BarPlotSlotProps extends BarElementSlotProps, BarLabelSlotProps {}
-export interface BarPlotProps extends Pick<BarLabelItemProps, 'barLabel'> {
+export interface BarPlotProps {
   /**
    * If `true`, animations are skipped.
    * @default undefined
@@ -20,6 +21,15 @@ export interface BarPlotProps extends Pick<BarLabelItemProps, 'barLabel'> {
    * Defines the border radius of the bar element.
    */
   borderRadius?: number;
+  /**
+   * @deprecated Use `barLabel` in the chart series instead.
+   * If provided, the function will be used to format the label of the bar.
+   * It can be set to 'value' to display the current value.
+   * @param {BarItem} item The item to format.
+   * @param {BarLabelContext} context data about the bar.
+   * @returns {string} The formatted label.
+   */
+  barLabel?: 'value' | ((item: BarItem, context: BarLabelContext) => string | null | undefined);
   /**
    * The props used for each component slot.
    * @default {}
@@ -42,7 +52,7 @@ export interface BarPlotProps extends Pick<BarLabelItemProps, 'barLabel'> {
  *
  * - [BarPlot API](https://mui.com/x/api/charts/bar-plot/)
  */
-declare function BarPlot(props: BarPlotProps): React.JSX.Element;
+declare function BarPlot(props: BarPlotProps): import("react/jsx-runtime").JSX.Element;
 declare namespace BarPlot {
   var propTypes: any;
 }

package/BarChart/BarPlot.js

@@ -142,11 +142,11 @@ function BarPlot(props) {
           }, dataIndex);
         })
       }, seriesId);
-    }), barLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarLabelPlot.BarLabelPlot, (0, _extends2.default)({
-      bars: completedData,
+    }), completedData.map(processedSeries => /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarLabelPlot.BarLabelPlot, (0, _extends2.default)({
+      processedSeries: processedSeries,
       skipAnimation: skipAnimation,
       barLabel: barLabel
-    }, other))]
+    }, other), processedSeries.seriesId))]
   });
 }
 process.env.NODE_ENV !== "production" ? BarPlot.propTypes = {

package/BarChart/seriesConfig/{extremums.d.ts → bar/extremums.d.ts}

@@ -1,3 +1,3 @@
-import { CartesianExtremumGetter } from "../../internals/plugins/models/seriesConfig/index.js";
+import { CartesianExtremumGetter } from "../../../internals/plugins/models/seriesConfig/index.js";
 export declare const getExtremumX: CartesianExtremumGetter<'bar'>;
 export declare const getExtremumY: CartesianExtremumGetter<'bar'>;

package/BarChart/seriesConfig/{extremums.js → bar/extremums.js}

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getExtremumY = exports.getExtremumX = void 0;
-var _findMinMax = require("../../internals/findMinMax");
+var _findMinMax = require("../../../internals/findMinMax");
 const createResult = (data, direction) => {
   if (direction === 'x') {
     return {

package/BarChart/seriesConfig/bar/getColor.d.ts

@@ -0,0 +1,3 @@
+import { ColorProcessor } from "../../../internals/plugins/models/index.js";
+declare const getColor: ColorProcessor<'bar'>;
+export default getColor;

package/BarChart/seriesConfig/{getColor.js → bar/getColor.js}

@@ -4,20 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _getSeriesColorFn = require("../../../internals/getSeriesColorFn");
 const getColor = (series, xAxis, yAxis) => {
   const verticalLayout = series.layout === 'vertical';
   const bandColorScale = verticalLayout ? xAxis?.colorScale : yAxis?.colorScale;
   const valueColorScale = verticalLayout ? yAxis?.colorScale : xAxis?.colorScale;
   const bandValues = verticalLayout ? xAxis?.data : yAxis?.data;
+  const getSeriesColor = (0, _getSeriesColorFn.getSeriesColorFn)(series);
   if (valueColorScale) {
     return dataIndex => {
       if (dataIndex === undefined) {
         return series.color;
       }
       const value = series.data[dataIndex];
-      const color = value === null ? series.color : valueColorScale(value);
+      const color = value === null ? getSeriesColor({
+        value,
+        dataIndex
+      }) : valueColorScale(value);
       if (color === null) {
-        return series.color;
+        return getSeriesColor({
+          value,
+          dataIndex
+        });
       }
       return color;
     };
@@ -28,13 +36,28 @@ const getColor = (series, xAxis, yAxis) => {
         return series.color;
       }
       const value = bandValues[dataIndex];
-      const color = value === null ? series.color : bandColorScale(value);
+      const color = value === null ? getSeriesColor({
+        value,
+        dataIndex
+      }) : bandColorScale(value);
       if (color === null) {
-        return series.color;
+        return getSeriesColor({
+          value,
+          dataIndex
+        });
       }
       return color;
     };
   }
-  return () => series.color;
+  return dataIndex => {
+    if (dataIndex === undefined) {
+      return series.color;
+    }
+    const value = series.data[dataIndex];
+    return getSeriesColor({
+      value,
+      dataIndex
+    });
+  };
 };
 var _default = exports.default = getColor;

package/BarChart/seriesConfig/bar/getSeriesWithDefaultValues.d.ts

@@ -0,0 +1,3 @@
+import type { GetSeriesWithDefaultValues } from "../../../internals/plugins/models/seriesConfig/index.js";
+declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'bar'>;
+export default getSeriesWithDefaultValues;

package/BarChart/seriesConfig/{getSeriesWithDefaultValues.js → bar/getSeriesWithDefaultValues.js}

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
-  return (0, _extends2.default)({
+  return (0, _extends2.default)({}, seriesData, {
     id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
-    color: colors[seriesIndex % colors.length]
-  }, seriesData);
+    color: seriesData.color ?? colors[seriesIndex % colors.length]
+  });
 };
 var _default = exports.default = getSeriesWithDefaultValues;

package/BarChart/seriesConfig/bar/legend.d.ts

@@ -0,0 +1,3 @@
+import { LegendGetter } from "../../../internals/plugins/models/index.js";
+declare const legendGetter: LegendGetter<'bar'>;
+export default legendGetter;

package/BarChart/seriesConfig/{legend.js → bar/legend.js}

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _getLabel = require("../../internals/getLabel");
+var _getLabel = require("../../../internals/getLabel");
 const legendGetter = params => {
   const {
     seriesOrder,

package/BarChart/seriesConfig/bar/seriesProcessor.d.ts

@@ -0,0 +1,3 @@
+import { SeriesProcessor } from "../../../internals/plugins/models/index.js";
+declare const seriesProcessor: SeriesProcessor<'bar'>;
+export default seriesProcessor;

package/BarChart/seriesConfig/{seriesProcessor.js → bar/seriesProcessor.js}

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _warning = require("@mui/x-internals/warning");
-var _stackSeries = require("../../internals/stackSeries");
+var _stackSeries = require("../../../internals/stackSeries");
 const barValueFormatter = v => v == null ? '' : v.toLocaleString();
 const seriesProcessor = (params, dataset) => {
   const {

package/BarChart/seriesConfig/bar/tooltip.d.ts

@@ -0,0 +1,4 @@
+import type { AxisTooltipGetter, TooltipGetter } from "../../../internals/plugins/models/index.js";
+declare const tooltipGetter: TooltipGetter<'bar'>;
+export declare const axisTooltipGetter: AxisTooltipGetter<'bar', 'x' | 'y'>;
+export default tooltipGetter;

package/BarChart/seriesConfig/{tooltip.js → bar/tooltip.js}

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.axisTooltipGetter = void 0;
-var _getLabel = require("../../internals/getLabel");
+var _getLabel = require("../../../internals/getLabel");
 const tooltipGetter = params => {
   const {
     series,

package/BarChart/seriesConfig/bar/tooltipPosition.d.ts

@@ -0,0 +1,3 @@
+import type { TooltipItemPositionGetter } from "../../../internals/plugins/models/seriesConfig/tooltipItemPositionGetter.types.js";
+declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'bar'>;
+export default tooltipItemPositionGetter;

package/BarChart/seriesConfig/bar/tooltipPosition.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _useBarPlotData = require("../../useBarPlotData");
+const tooltipItemPositionGetter = params => {
+  const {
+    series,
+    identifier,
+    axesConfig,
+    placement
+  } = params;
+  if (!identifier || identifier.dataIndex === undefined) {
+    return null;
+  }
+  const itemSeries = series.bar?.series[identifier.seriesId];
+  if (series.bar == null || itemSeries == null) {
+    return null;
+  }
+  if (axesConfig.x === undefined || axesConfig.y === undefined) {
+    return null;
+  }
+  const dimensions = (0, _useBarPlotData.getBarDimensions)({
+    verticalLayout: itemSeries.layout === 'vertical',
+    xAxisConfig: axesConfig.x,
+    yAxisConfig: axesConfig.y,
+    series: itemSeries,
+    dataIndex: identifier.dataIndex,
+    numberOfGroups: series.bar.stackingGroups.length,
+    groupIndex: series.bar.stackingGroups.findIndex(group => group.ids.includes(itemSeries.id))
+  });
+  if (dimensions == null) {
+    return null;
+  }
+  const {
+    x,
+    y,
+    width,
+    height
+  } = dimensions;
+  switch (placement) {
+    case 'right':
+      return {
+        x: x + width,
+        y: y + height / 2
+      };
+    case 'bottom':
+      return {
+        x: x + width / 2,
+        y: y + height
+      };
+    case 'left':
+      return {
+        x,
+        y: y + height / 2
+      };
+    case 'top':
+    default:
+      return {
+        x: x + width / 2,
+        y
+      };
+  }
+};
+var _default = exports.default = tooltipItemPositionGetter;

package/BarChart/seriesConfig/index.d.ts

@@ -1,2 +1,2 @@
 import { ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
-export declare const seriesConfig: ChartSeriesTypeConfig<'bar'>;
+export declare const barSeriesConfig: ChartSeriesTypeConfig<'bar'>;

package/BarChart/seriesConfig/index.js

@@ -5,18 +5,20 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.seriesConfig = void 0;
-var _extremums = require("./extremums");
-var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
-var _legend = _interopRequireDefault(require("./legend"));
-var _getColor = _interopRequireDefault(require("./getColor"));
-var _tooltip = _interopRequireWildcard(require("./tooltip"));
-var _getSeriesWithDefaultValues = _interopRequireDefault(require("./getSeriesWithDefaultValues"));
-const seriesConfig = exports.seriesConfig = {
+exports.barSeriesConfig = void 0;
+var _extremums = require("./bar/extremums");
+var _seriesProcessor = _interopRequireDefault(require("./bar/seriesProcessor"));
+var _legend = _interopRequireDefault(require("./bar/legend"));
+var _getColor = _interopRequireDefault(require("./bar/getColor"));
+var _tooltip = _interopRequireWildcard(require("./bar/tooltip"));
+var _tooltipPosition = _interopRequireDefault(require("./bar/tooltipPosition"));
+var _getSeriesWithDefaultValues = _interopRequireDefault(require("./bar/getSeriesWithDefaultValues"));
+const barSeriesConfig = exports.barSeriesConfig = {
   seriesProcessor: _seriesProcessor.default,
   colorProcessor: _getColor.default,
   legendGetter: _legend.default,
   tooltipGetter: _tooltip.default,
+  tooltipItemPositionGetter: _tooltipPosition.default,
   axisTooltipGetter: _tooltip.axisTooltipGetter,
   xExtremumGetter: _extremums.getExtremumX,
   yExtremumGetter: _extremums.getExtremumY,

package/BarChart/types.d.ts

@@ -12,6 +12,7 @@ export type AnimationData = {
 export interface ProcessedBarSeriesData {
   seriesId: SeriesId;
   data: ProcessedBarData[];
+  barLabel?: BarSeriesType['barLabel'];
 }
 export interface ProcessedBarData extends AnimationData {
   seriesId: SeriesId;

package/BarChart/useBarPlotData.d.ts

@@ -1,8 +1,23 @@
-import { ChartsXAxisProps, ChartsYAxisProps } from "../models/axis.js";
+import { ChartsXAxisProps, ChartsYAxisProps, ComputedAxis, ScaleName } from "../models/axis.js";
 import { ChartDrawingArea } from "../hooks/index.js";
 import { MaskData, ProcessedBarSeriesData } from "./types.js";
 import { ComputedAxisConfig } from "../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxis.types.js";
+import { ChartSeriesDefaultized } from "../models/seriesType/config.js";
 export declare function useBarPlotData(drawingArea: ChartDrawingArea, xAxes: ComputedAxisConfig<ChartsXAxisProps>, yAxes: ComputedAxisConfig<ChartsYAxisProps>): {
   completedData: ProcessedBarSeriesData[];
   masksData: MaskData[];
-};
+};
+export declare function getBarDimensions(params: {
+  verticalLayout: boolean;
+  xAxisConfig: ComputedAxis<ScaleName, any, ChartsXAxisProps>;
+  yAxisConfig: ComputedAxis<ScaleName, any, ChartsYAxisProps>;
+  series: ChartSeriesDefaultized<'bar'>;
+  dataIndex: number;
+  numberOfGroups: number;
+  groupIndex: number;
+}): {
+  x: number;
+  y: number;
+  height: number;
+  width: number;
+} | null;