@mui/x-charts 8.16.0 → 8.18.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/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

@@ -26,6 +26,12 @@ export type BarLabelProps = Omit<React.SVGProps<SVGTextElement>, 'ref' | 'id' |
    * Height of the bar this label belongs to.
    */
   height: number;
+  /**
+   * The placement of the bar label.
+   * It controls whether the label is rendered in the center or outside the bar.
+   * @default 'center'
+   */
+  placement?: 'center' | 'outside';
 };
 declare function BarLabel(inProps: BarLabelProps): React.JSX.Element;
 declare namespace BarLabel {

package/BarChart/BarLabel/BarLabel.js

@@ -16,7 +16,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useAnimateBarLabel = require("../../hooks/animation/useAnimateBarLabel");
 var _barLabelClasses = require("./barLabelClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["seriesId", "dataIndex", "color", "isFaded", "isHighlighted", "classes", "skipAnimation", "layout", "xOrigin", "yOrigin"];
+const _excluded = ["seriesId", "dataIndex", "color", "isFaded", "isHighlighted", "classes", "skipAnimation", "layout", "xOrigin", "yOrigin", "placement"];
 const BarLabelComponent = exports.BarLabelComponent = (0, _styles.styled)('text', {
   name: 'MuiBarLabel',
   slot: 'Root',
@@ -31,8 +31,6 @@ const BarLabelComponent = exports.BarLabelComponent = (0, _styles.styled)('text'
   stroke: 'none',
   fill: (theme.vars || theme)?.palette?.text?.primary,
   transition: 'opacity 0.2s ease-in, fill 0.2s ease-in',
-  textAnchor: 'middle',
-  dominantBaseline: 'central',
   pointerEvents: 'none',
   opacity: 1,
   [`&.${_barLabelClasses.barLabelClasses.faded}`]: {
@@ -46,7 +44,40 @@ function BarLabel(inProps) {
   });
   const otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const animatedProps = (0, _useAnimateBarLabel.useAnimateBarLabel)(props);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BarLabelComponent, (0, _extends2.default)({}, otherProps, animatedProps));
+  const textAnchor = getTextAnchor(props);
+  const dominantBaseline = getDominantBaseline(props);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BarLabelComponent, (0, _extends2.default)({
+    textAnchor: textAnchor,
+    dominantBaseline: dominantBaseline
+  }, otherProps, animatedProps));
+}
+function getTextAnchor({
+  placement,
+  layout,
+  xOrigin,
+  x
+}) {
+  if (placement === 'outside') {
+    if (layout === 'horizontal') {
+      return x < xOrigin ? 'end' : 'start';
+    }
+    return 'middle';
+  }
+  return 'middle';
+}
+function getDominantBaseline({
+  placement,
+  layout,
+  yOrigin,
+  y
+}) {
+  if (placement === 'outside') {
+    if (layout === 'horizontal') {
+      return 'central';
+    }
+    return y < yOrigin ? 'auto' : 'hanging';
+  }
+  return 'central';
 }
 process.env.NODE_ENV !== "production" ? BarLabel.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -62,6 +93,12 @@ process.env.NODE_ENV !== "production" ? BarLabel.propTypes = {
   isFaded: _propTypes.default.bool.isRequired,
   isHighlighted: _propTypes.default.bool.isRequired,
   layout: _propTypes.default.oneOf(['horizontal', 'vertical']).isRequired,
+  /**
+   * The placement of the bar label.
+   * It controls whether the label is rendered in the center or outside the bar.
+   * @default 'center'
+   */
+  placement: _propTypes.default.oneOf(['center', 'outside']),
   seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
   skipAnimation: _propTypes.default.bool.isRequired,
   /**

package/BarChart/BarLabel/BarLabelItem.d.ts

@@ -67,11 +67,17 @@ export type BarLabelItemProps = Omit<BarLabelOwnerState, 'isFaded' | 'isHighligh
    * @returns {string} The formatted label.
    */
   barLabel?: 'value' | ((item: BarItem, context: BarLabelContext) => string | null | undefined);
+  /**
+   * The placement of the bar label.
+   * It controls whether the label is rendered in the center or outside the bar.
+   * @default 'center'
+   */
+  barLabelPlacement?: BarLabelProps['placement'];
 };
 /**
  * @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/BarLabelItem.js

@@ -16,7 +16,7 @@ var _getBarLabel = require("./getBarLabel");
 var _BarLabel = require("./BarLabel");
 var _useItemHighlighted = require("../../hooks/useItemHighlighted");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["seriesId", "classes", "color", "dataIndex", "barLabel", "slots", "slotProps", "xOrigin", "yOrigin", "x", "y", "width", "height", "value", "skipAnimation", "layout"],
+const _excluded = ["seriesId", "classes", "color", "dataIndex", "barLabel", "slots", "slotProps", "xOrigin", "yOrigin", "x", "y", "width", "height", "value", "skipAnimation", "layout", "barLabelPlacement"],
   _excluded2 = ["ownerState"];
 /**
  * @ignore - internal component.
@@ -38,7 +38,8 @@ function BarLabelItem(props) {
       height,
       value,
       skipAnimation,
-      layout
+      layout,
+      barLabelPlacement
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
@@ -70,6 +71,7 @@ function BarLabelItem(props) {
         y,
         width,
         height,
+        placement: barLabelPlacement,
         className: classes.root
       }),
       ownerState

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

@@ -1,60 +1,64 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BarLabelPlot = BarLabelPlot;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-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,
+      barLabelPlacement: processedSeries.barLabelPlacement || 'center'
+    }), 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 = {
@@ -162,6 +162,11 @@ process.env.NODE_ENV !== "production" ? BarPlot.propTypes = {
    * @returns {string} The formatted label.
    */
   barLabel: _propTypes.default.oneOfType([_propTypes.default.oneOf(['value']), _propTypes.default.func]),
+  /**
+   * The placement of the bar label.
+   * It controls whether the label is rendered inside or outside the bar.
+   */
+  barLabelPlacement: _propTypes.default.oneOf(['outside', 'inside']),
   /**
    * Defines the border radius of the bar element.
    */

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/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/{tooltipPosition.js → bar/tooltipPosition.js}

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _useBarPlotData = require("../useBarPlotData");
+var _useBarPlotData = require("../../useBarPlotData");
 const tooltipItemPositionGetter = params => {
   const {
     series,

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,15 +5,15 @@ 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 _tooltipPosition = _interopRequireDefault(require("./tooltipPosition"));
-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,

package/BarChart/types.d.ts

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

package/BarChart/useBarPlotData.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getBarDimensions = getBarDimensions;
 exports.useBarPlotData = useBarPlotData;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _getColor = _interopRequireDefault(require("./seriesConfig/getColor"));
+var _getColor = _interopRequireDefault(require("./seriesConfig/bar/getColor"));
 var _hooks = require("../hooks");
 var _checkScaleErrors = require("./checkScaleErrors");
 var _useBarSeries = require("../hooks/useBarSeries");
@@ -63,8 +63,8 @@ function useBarPlotData(drawingArea, xAxes, yAxes) {
           seriesId,
           dataIndex,
           layout: series[seriesId].layout,
-          xOrigin: xScale(0) ?? 0,
-          yOrigin: yScale(0) ?? 0
+          xOrigin: Math.round(xScale(0) ?? 0),
+          yOrigin: Math.round(yScale(0) ?? 0)
         }, barDimensions, {
           color: colorGetter(dataIndex),
           value: series[seriesId].data[dataIndex],
@@ -99,6 +99,8 @@ function useBarPlotData(drawingArea, xAxes, yAxes) {
       }
       return {
         seriesId,
+        barLabel: series[seriesId].barLabel,
+        barLabelPlacement: series[seriesId].barLabelPlacement,
         data: seriesDataPoints
       };
     });