@mui/x-charts 7.13.0 → 7.15.0

package/BarChart/BarPlot.js

@@ -1,27 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BarPlot = BarPlot;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _web = require("@react-spring/web");
-var _CartesianProvider = require("../context/CartesianProvider");
-var _BarElement = require("./BarElement");
-var _getColor = _interopRequireDefault(require("./getColor"));
-var _hooks = require("../hooks");
-var _BarClipPath = require("./BarClipPath");
-var _BarLabelPlot = require("./BarLabel/BarLabelPlot");
-var _checkScaleErrors = require("./checkScaleErrors");
-var _useSeries = require("../hooks/useSeries");
-var _jsxRuntime = require("react/jsx-runtime");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["skipAnimation", "onItemClick", "borderRadius", "barLabel"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { useTransition } from '@react-spring/web';
+import { useCartesianContext } from '../context/CartesianProvider';
+import { BarElement } from './BarElement';
+import getColor from './getColor';
+import { useChartId } from '../hooks';
+import { BarClipPath } from './BarClipPath';
+import { BarLabelPlot } from './BarLabel/BarLabelPlot';
+import { checkScaleErrors } from './checkScaleErrors';
+import { useBarSeries } from '../hooks/useSeries';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Solution of the equations
  * W = barWidth * N + offset * (N-1)
@@ -50,13 +41,13 @@ function getBandSize({
   };
 }
 const useAggregatedData = () => {
-  const seriesData = (0, _useSeries.useBarSeries)() ?? {
+  const seriesData = useBarSeries() ?? {
     series: {},
     stackingGroups: [],
     seriesOrder: []
   };
-  const axisData = (0, _CartesianProvider.useCartesianContext)();
-  const chartId = (0, _hooks.useChartId)();
+  const axisData = useCartesianContext();
+  const chartId = useChartId();
   const {
     series,
     stackingGroups
@@ -79,11 +70,11 @@ const useAggregatedData = () => {
       const xAxisConfig = xAxis[xAxisId];
       const yAxisConfig = yAxis[yAxisId];
       const verticalLayout = series[seriesId].layout === 'vertical';
-      (0, _checkScaleErrors.checkScaleErrors)(verticalLayout, seriesId, xAxisId, xAxis, yAxisId, yAxis);
+      checkScaleErrors(verticalLayout, seriesId, xAxisId, xAxis, yAxisId, yAxis);
       const baseScaleConfig = verticalLayout ? xAxisConfig : yAxisConfig;
       const xScale = xAxisConfig.scale;
       const yScale = yAxisConfig.scale;
-      const colorGetter = (0, _getColor.default)(series[seriesId], xAxis[xAxisId], yAxis[yAxisId]);
+      const colorGetter = getColor(series[seriesId], xAxis[xAxisId], yAxis[yAxisId]);
       const bandWidth = baseScaleConfig.scale.bandwidth();
       const {
         barWidth,
@@ -154,7 +145,7 @@ const leaveStyle = ({
   y,
   xOrigin,
   height
-}) => (0, _extends2.default)({}, layout === 'vertical' ? {
+}) => _extends({}, layout === 'vertical' ? {
   y: yOrigin,
   x,
   height: 0,
@@ -199,8 +190,9 @@ function BarPlot(props) {
       borderRadius,
       barLabel
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const transition = (0, _web.useTransition)(completedData, {
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const withoutBorderRadius = !borderRadius || borderRadius <= 0;
+  const transition = useTransition(completedData, {
     keys: bar => `${bar.seriesId}-${bar.dataIndex}`,
     from: leaveStyle,
     leave: leaveStyle,
@@ -208,7 +200,7 @@ function BarPlot(props) {
     update: enterStyle,
     immediate: skipAnimation
   });
-  const maskTransition = (0, _web.useTransition)(masksData, {
+  const maskTransition = useTransition(withoutBorderRadius ? [] : masksData, {
     keys: v => v.id,
     from: leaveStyle,
     leave: leaveStyle,
@@ -216,14 +208,14 @@ function BarPlot(props) {
     update: enterStyle,
     immediate: skipAnimation
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [maskTransition((style, {
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [!withoutBorderRadius && maskTransition((style, {
       id,
       hasPositive,
       hasNegative,
       layout
     }) => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarClipPath.BarClipPath, {
+      return /*#__PURE__*/_jsx(BarClipPath, {
         maskId: id,
         borderRadius: borderRadius,
         hasNegative: hasNegative,
@@ -237,7 +229,7 @@ function BarPlot(props) {
       color,
       maskId
     }) => {
-      const barElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarElement.BarElement, (0, _extends2.default)({
+      const barElement = /*#__PURE__*/_jsx(BarElement, _extends({
         id: seriesId,
         dataIndex: dataIndex,
         color: color
@@ -251,14 +243,14 @@ function BarPlot(props) {
         }),
         style: style
       }));
-      if (!borderRadius || borderRadius <= 0) {
+      if (withoutBorderRadius) {
         return barElement;
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      return /*#__PURE__*/_jsx("g", {
         clipPath: `url(#${maskId})`,
         children: barElement
       });
-    }), barLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarLabelPlot.BarLabelPlot, (0, _extends2.default)({
+    }), barLabel && /*#__PURE__*/_jsx(BarLabelPlot, _extends({
       bars: completedData,
       skipAnimation: skipAnimation,
       barLabel: barLabel
@@ -277,30 +269,31 @@ process.env.NODE_ENV !== "production" ? BarPlot.propTypes = {
    * @param {BarLabelContext} context data about the bar.
    * @returns {string} The formatted label.
    */
-  barLabel: _propTypes.default.oneOfType([_propTypes.default.oneOf(['value']), _propTypes.default.func]),
+  barLabel: PropTypes.oneOfType([PropTypes.oneOf(['value']), PropTypes.func]),
   /**
    * Defines the border radius of the bar element.
    */
-  borderRadius: _propTypes.default.number,
+  borderRadius: PropTypes.number,
   /**
    * Callback fired when a bar item is clicked.
    * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */
-  onItemClick: _propTypes.default.func,
+  onItemClick: PropTypes.func,
   /**
    * If `true`, animations are skipped.
    * @default false
    */
-  skipAnimation: _propTypes.default.bool,
+  skipAnimation: PropTypes.bool,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: _propTypes.default.object,
+  slotProps: PropTypes.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: _propTypes.default.object
-} : void 0;
+  slots: PropTypes.object
+} : void 0;
+export { BarPlot };

package/BarChart/checkScaleErrors.js

@@ -1,18 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.checkScaleErrors = checkScaleErrors;
-var _constants = require("../constants");
-var _axis = require("../models/axis");
+import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '../constants';
+import { isBandScaleConfig, isPointScaleConfig } from '../models/axis';
 const getAxisMessage = (axisDirection, axisId) => {
   const axisName = `${axisDirection}-axis`;
   const axisIdName = `${axisDirection}Axis`;
-  const axisDefaultKey = axisDirection === 'x' ? _constants.DEFAULT_X_AXIS_KEY : _constants.DEFAULT_Y_AXIS_KEY;
+  const axisDefaultKey = axisDirection === 'x' ? DEFAULT_X_AXIS_KEY : DEFAULT_Y_AXIS_KEY;
   return axisId === axisDefaultKey ? `The first \`${axisIdName}\`` : `The ${axisName} with id "${axisId}"`;
 };
-function checkScaleErrors(verticalLayout, seriesId, xAxisId, xAxis, yAxisId, yAxis) {
+export function checkScaleErrors(verticalLayout, seriesId, xAxisId, xAxis, yAxisId, yAxis) {
   const xAxisConfig = xAxis[xAxisId];
   const yAxisConfig = yAxis[yAxisId];
   const discreteAxisConfig = verticalLayout ? xAxisConfig : yAxisConfig;
@@ -21,13 +15,13 @@ function checkScaleErrors(verticalLayout, seriesId, xAxisId, xAxis, yAxisId, yAx
   const continuousAxisId = verticalLayout ? yAxisId : xAxisId;
   const discreteAxisDirection = verticalLayout ? 'x' : 'y';
   const continuousAxisDirection = verticalLayout ? 'y' : 'x';
-  if (!(0, _axis.isBandScaleConfig)(discreteAxisConfig)) {
+  if (!isBandScaleConfig(discreteAxisConfig)) {
     throw new Error(`MUI X: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} should be of type "band" to display the bar series of id "${seriesId}".`);
   }
   if (discreteAxisConfig.data === undefined) {
     throw new Error(`MUI X: ${getAxisMessage(discreteAxisDirection, discreteAxisId)} should have data property.`);
   }
-  if ((0, _axis.isBandScaleConfig)(continuousAxisConfig) || (0, _axis.isPointScaleConfig)(continuousAxisConfig)) {
+  if (isBandScaleConfig(continuousAxisConfig) || isPointScaleConfig(continuousAxisConfig)) {
     throw new Error(`MUI X: ${getAxisMessage(continuousAxisDirection, continuousAxisId)} should be a continuous type to display the bar series of id "${seriesId}".`);
   }
 }

package/BarChart/extremums.js

@@ -1,48 +1,75 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getExtremumY = exports.getExtremumX = void 0;
+const createResult = (data, direction) => {
+  if (direction === 'x') {
+    return {
+      x: data,
+      y: null
+    };
+  }
+  return {
+    x: null,
+    y: data
+  };
+};
 const getBaseExtremum = params => {
   const {
-    axis
+    axis,
+    getFilters,
+    isDefaultAxis
   } = params;
-  const minX = Math.min(...(axis.data ?? []));
-  const maxX = Math.max(...(axis.data ?? []));
+  const filter = getFilters?.({
+    currentAxisId: axis.id,
+    isDefaultAxis
+  });
+  const data = filter ? axis.data?.filter((_, i) => filter({
+    x: null,
+    y: null
+  }, i)) : axis.data;
+  const minX = Math.min(...(data ?? []));
+  const maxX = Math.max(...(data ?? []));
   return [minX, maxX];
 };
-const getValueExtremum = params => {
+const getValueExtremum = direction => params => {
   const {
     series,
     axis,
+    getFilters,
     isDefaultAxis
   } = params;
   return Object.keys(series).filter(seriesId => {
     const yAxisId = series[seriesId].yAxisId ?? series[seriesId].yAxisKey;
     return yAxisId === axis.id || isDefaultAxis && yAxisId === undefined;
   }).reduce((acc, seriesId) => {
-    const [seriesMin, seriesMax] = series[seriesId].stackedData?.reduce((seriesAcc, values) => {
+    const {
+      stackedData
+    } = series[seriesId];
+    const filter = getFilters?.({
+      currentAxisId: axis.id,
+      isDefaultAxis,
+      seriesXAxisId: series[seriesId].xAxisId ?? series[seriesId].xAxisKey,
+      seriesYAxisId: series[seriesId].yAxisId ?? series[seriesId].yAxisKey
+    });
+    const [seriesMin, seriesMax] = stackedData?.reduce((seriesAcc, values, index) => {
+      if (filter && (!filter(createResult(values[0], direction), index) || !filter(createResult(values[1], direction), index))) {
+        return seriesAcc;
+      }
       return [Math.min(...values, seriesAcc[0]), Math.max(...values, seriesAcc[1])];
     }, [Infinity, -Infinity]) ?? [Infinity, -Infinity];
     return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
   }, [Infinity, -Infinity]);
 };
-const getExtremumX = params => {
+export const getExtremumX = params => {
   // Notice that bar should be all horizontal or all vertical.
   // Don't think it's a problem for now
   const isHorizontal = Object.keys(params.series).some(seriesId => params.series[seriesId].layout === 'horizontal');
   if (isHorizontal) {
-    return getValueExtremum(params);
+    return getValueExtremum('x')(params);
   }
   return getBaseExtremum(params);
 };
-exports.getExtremumX = getExtremumX;
-const getExtremumY = params => {
+export const getExtremumY = params => {
   const isHorizontal = Object.keys(params.series).some(seriesId => params.series[seriesId].layout === 'horizontal');
   if (isHorizontal) {
     return getBaseExtremum(params);
   }
-  return getValueExtremum(params);
-};
-exports.getExtremumY = getExtremumY;
+  return getValueExtremum('y')(params);
+};

package/BarChart/formatter.js

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
-var _stackSeries = require("../internals/stackSeries");
-var _defaultizeValueFormatter = require("../internals/defaultizeValueFormatter");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { stack as d3Stack } from '@mui/x-charts-vendor/d3-shape';
+import { getStackingGroups } from '../internals/stackSeries';
+import { defaultizeValueFormatter } from '../internals/defaultizeValueFormatter';
 let warnOnce = false;
 const formatter = (params, dataset) => {
   const {
     seriesOrder,
     series
   } = params;
-  const stackingGroups = (0, _stackSeries.getStackingGroups)(params);
+  const stackingGroups = getStackingGroups(params);
 
   // Create a data set with format adapted to d3
   const d3Dataset = dataset ?? [];
@@ -43,7 +36,7 @@ const formatter = (params, dataset) => {
       stackingOrder
     } = stackingGroup;
     // Get stacked values, and derive the domain
-    const stackedSeries = (0, _d3Shape.stack)().keys(ids.map(id => {
+    const stackedSeries = d3Stack().keys(ids.map(id => {
       // Use dataKey if needed and available
       const dataKey = series[id].dataKey;
       return series[id].data === undefined && dataKey !== undefined ? dataKey : id;
@@ -51,7 +44,7 @@ const formatter = (params, dataset) => {
     .order(stackingOrder).offset(stackingOffset)(d3Dataset);
     ids.forEach((id, index) => {
       const dataKey = series[id].dataKey;
-      completedSeries[id] = (0, _extends2.default)({
+      completedSeries[id] = _extends({
         layout: 'vertical'
       }, series[id], {
         data: dataKey ? dataset.map(data => {
@@ -72,7 +65,7 @@ const formatter = (params, dataset) => {
   return {
     seriesOrder,
     stackingGroups,
-    series: (0, _defaultizeValueFormatter.defaultizeValueFormatter)(completedSeries, v => v == null ? '' : v.toLocaleString())
+    series: defaultizeValueFormatter(completedSeries, v => v == null ? '' : v.toLocaleString())
   };
 };
-var _default = exports.default = formatter;
+export default formatter;

package/BarChart/getColor.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 const getColor = (series, xAxis, yAxis) => {
   const verticalLayout = series.layout === 'vertical';
   const bandColorScale = verticalLayout ? xAxis?.colorScale : yAxis?.colorScale;
@@ -31,4 +25,4 @@ const getColor = (series, xAxis, yAxis) => {
   }
   return () => series.color;
 };
-var _default = exports.default = getColor;
+export default getColor;

package/BarChart/getRadius.js

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getRadius = void 0;
 /**
  * Returns if the corner should have a radius or not based on the layout and the data.
  * @param {GetRadiusCorner} corner The corner to check.
  * @param {GetRadiusData} cornerData The data for the corner.
  * @returns {number} The radius for the corner.
  */
-const getRadius = (corner, {
+export const getRadius = (corner, {
   hasNegative,
   hasPositive,
   borderRadius,
@@ -33,5 +27,4 @@ const getRadius = (corner, {
     return borderRadius;
   }
   return 0;
-};
-exports.getRadius = getRadius;
+};

package/BarChart/index.js

@@ -1,49 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _BarChart = require("./BarChart");
-Object.keys(_BarChart).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _BarChart[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _BarChart[key];
-    }
-  });
-});
-var _BarPlot = require("./BarPlot");
-Object.keys(_BarPlot).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _BarPlot[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _BarPlot[key];
-    }
-  });
-});
-var _BarElement = require("./BarElement");
-Object.keys(_BarElement).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _BarElement[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _BarElement[key];
-    }
-  });
-});
-var _BarLabel = require("./BarLabel");
-Object.keys(_BarLabel).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _BarLabel[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _BarLabel[key];
-    }
-  });
-});
+export * from './BarChart';
+export * from './BarPlot';
+export * from './BarElement';
+export * from './BarLabel';

package/BarChart/legend.js

@@ -1,17 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _getLabel = require("../internals/getLabel");
+import { getLabel } from '../internals/getLabel';
 const legendGetter = params => {
   const {
     seriesOrder,
     series
   } = params;
   return seriesOrder.reduce((acc, seriesId) => {
-    const formattedLabel = (0, _getLabel.getLabel)(series[seriesId].label, 'legend');
+    const formattedLabel = getLabel(series[seriesId].label, 'legend');
     if (formattedLabel === undefined) {
       return acc;
     }
@@ -23,4 +17,4 @@ const legendGetter = params => {
     return acc;
   }, []);
 };
-var _default = exports.default = legendGetter;
+export default legendGetter;

package/BarChart/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../esm/BarChart/index.js",
-  "main": "./index.js",
+  "module": "./index.js",
+  "main": "../node/BarChart/index.js",
   "types": "./index.d.ts"
 }

package/BarChart/plugin.js

@@ -1,17 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.plugin = void 0;
-var _extremums = require("./extremums");
-var _formatter = _interopRequireDefault(require("./formatter"));
-var _getColor = _interopRequireDefault(require("./getColor"));
-const plugin = exports.plugin = {
+import { getExtremumX, getExtremumY } from './extremums';
+import formatter from './formatter';
+import getColor from './getColor';
+export const plugin = {
   seriesType: 'bar',
-  seriesFormatter: _formatter.default,
-  colorProcessor: _getColor.default,
-  xExtremumGetter: _extremums.getExtremumX,
-  yExtremumGetter: _extremums.getExtremumY
+  seriesFormatter: formatter,
+  colorProcessor: getColor,
+  xExtremumGetter: getExtremumX,
+  yExtremumGetter: getExtremumY
 };

package/BarChart/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/BarChart/useBarChartProps.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useBarChartProps = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _useId = _interopRequireDefault(require("@mui/utils/useId"));
-var _constants = require("../constants");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["xAxis", "yAxis", "series", "width", "height", "margin", "colors", "dataset", "sx", "tooltip", "onAxisClick", "axisHighlight", "legend", "grid", "topAxis", "leftAxis", "rightAxis", "bottomAxis", "children", "slots", "slotProps", "skipAnimation", "loading", "layout", "onItemClick", "highlightedItem", "onHighlightChange", "borderRadius", "barLabel", "className"];
+import useId from '@mui/utils/useId';
+import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '../constants';
 /**
  * A helper function that extracts BarChartProps from the input props
  * and returns an object with props for the children components of BarChart.
@@ -17,7 +10,7 @@ const _excluded = ["xAxis", "yAxis", "series", "width", "height", "margin", "col
  * @param props The input props for BarChart
  * @returns An object with props for the children components of BarChart
  */
-const useBarChartProps = props => {
+export const useBarChartProps = props => {
   const {
       xAxis,
       yAxis,
@@ -50,8 +43,8 @@ const useBarChartProps = props => {
       barLabel,
       className
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const id = (0, _useId.default)();
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  const id = useId();
   const clipPathId = `${id}-clip-path`;
   const hasHorizontalSeries = layout === 'horizontal' || layout === undefined && series.some(item => item.layout === 'horizontal');
   const defaultAxisConfig = {
@@ -60,8 +53,8 @@ const useBarChartProps = props => {
       length: Math.max(...series.map(s => (s.data ?? dataset ?? []).length))
     }, (_, index) => index)
   };
-  const chartContainerProps = (0, _extends2.default)({}, rest, {
-    series: series.map(s => (0, _extends2.default)({
+  const chartContainerProps = _extends({}, rest, {
+    series: series.map(s => _extends({
       type: 'bar'
     }, s, {
       layout: hasHorizontalSeries ? 'horizontal' : 'vertical'
@@ -71,11 +64,11 @@ const useBarChartProps = props => {
     margin,
     colors,
     dataset,
-    xAxis: xAxis ?? (hasHorizontalSeries ? undefined : [(0, _extends2.default)({
-      id: _constants.DEFAULT_X_AXIS_KEY
+    xAxis: xAxis ?? (hasHorizontalSeries ? undefined : [_extends({
+      id: DEFAULT_X_AXIS_KEY
     }, defaultAxisConfig)]),
-    yAxis: yAxis ?? (hasHorizontalSeries ? [(0, _extends2.default)({
-      id: _constants.DEFAULT_Y_AXIS_KEY
+    yAxis: yAxis ?? (hasHorizontalSeries ? [_extends({
+      id: DEFAULT_Y_AXIS_KEY
     }, defaultAxisConfig)] : undefined),
     sx,
     highlightedItem,
@@ -117,16 +110,16 @@ const useBarChartProps = props => {
     slots,
     slotProps
   };
-  const axisHighlightProps = (0, _extends2.default)({}, hasHorizontalSeries ? {
+  const axisHighlightProps = _extends({}, hasHorizontalSeries ? {
     y: 'band'
   } : {
     x: 'band'
   }, axisHighlight);
-  const legendProps = (0, _extends2.default)({}, legend, {
+  const legendProps = _extends({}, legend, {
     slots,
     slotProps
   });
-  const tooltipProps = (0, _extends2.default)({}, tooltip, {
+  const tooltipProps = _extends({}, tooltip, {
     slots,
     slotProps
   });
@@ -144,5 +137,4 @@ const useBarChartProps = props => {
     tooltipProps,
     children
   };
-};
-exports.useBarChartProps = useBarChartProps;
+};