@mui/x-charts 9.0.0-alpha.2 → 9.0.0-alpha.4

package/BarChart/BarLabel/BarLabel.types.d.mts

@@ -1,5 +1,5 @@
 import { type SeriesId } from "../../models/seriesType/common.mjs";
-import type { BarLabelClasses } from "./barLabelClasses.mjs";
+import type { BarClasses } from "../barClasses.mjs";
 import { type BarValueType } from "../../models/index.mjs";
 export interface BarLabelOwnerState {
   seriesId: SeriesId;
@@ -9,7 +9,7 @@ export interface BarLabelOwnerState {
   isHighlighted: boolean;
   skipAnimation: boolean;
   layout: 'vertical' | 'horizontal';
-  classes?: Partial<BarLabelClasses>;
+  classes?: Partial<BarClasses>;
 }
 export type BarItem = {
   /**

package/BarChart/BarLabel/BarLabel.types.d.ts

@@ -1,5 +1,5 @@
 import { type SeriesId } from "../../models/seriesType/common.js";
-import type { BarLabelClasses } from "./barLabelClasses.js";
+import type { BarClasses } from "../barClasses.js";
 import { type BarValueType } from "../../models/index.js";
 export interface BarLabelOwnerState {
   seriesId: SeriesId;
@@ -9,7 +9,7 @@ export interface BarLabelOwnerState {
   isHighlighted: boolean;
   skipAnimation: boolean;
   layout: 'vertical' | 'horizontal';
-  classes?: Partial<BarLabelClasses>;
+  classes?: Partial<BarClasses>;
 }
 export type BarItem = {
   /**

package/BarChart/BarLabel/BarLabelItem.js

@@ -11,10 +11,10 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _barLabelClasses = require("./barLabelClasses");
+var _barClasses = require("../barClasses");
 var _getBarLabel = require("./getBarLabel");
 var _BarLabel = require("./BarLabel");
-var _useItemHighlighted = require("../../hooks/useItemHighlighted");
+var _useItemHighlightState = require("../../hooks/useItemHighlightState");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["seriesId", "classes", "color", "dataIndex", "barLabel", "slots", "slotProps", "xOrigin", "yOrigin", "x", "y", "width", "height", "value", "skipAnimation", "layout", "barLabelPlacement", "hidden"],
   _excluded2 = ["ownerState"];
@@ -43,14 +43,13 @@ function BarLabelItem(props) {
       hidden
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const {
-    isFaded,
-    isHighlighted
-  } = (0, _useItemHighlighted.useItemHighlighted)({
+  const highlightState = (0, _useItemHighlightState.useItemHighlightState)({
     type: 'bar',
     seriesId,
     dataIndex
   });
+  const isHighlighted = highlightState === 'highlighted';
+  const isFaded = highlightState === 'faded';
   const ownerState = {
     seriesId,
     classes: innerClasses,
@@ -61,7 +60,7 @@ function BarLabelItem(props) {
     skipAnimation,
     layout
   };
-  const classes = (0, _barLabelClasses.useUtilityClasses)(ownerState);
+  const classes = (0, _barClasses.useUtilityClasses)(ownerState);
   const Component = slots?.barLabel ?? _BarLabel.BarLabel;
   const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: Component,
@@ -74,7 +73,7 @@ function BarLabelItem(props) {
         width,
         height,
         placement: barLabelPlacement,
-        className: classes.root,
+        className: classes.label,
         'data-highlighted': isHighlighted || undefined,
         'data-faded': isFaded || undefined
       }),

package/BarChart/BarLabel/BarLabelItem.mjs

@@ -5,10 +5,10 @@ const _excluded = ["seriesId", "classes", "color", "dataIndex", "barLabel", "slo
 import * as React from 'react';
 import useSlotProps from '@mui/utils/useSlotProps';
 import PropTypes from 'prop-types';
-import { useUtilityClasses } from "./barLabelClasses.mjs";
+import { useUtilityClasses } from "../barClasses.mjs";
 import { getBarLabel } from "./getBarLabel.mjs";
 import { BarLabel } from "./BarLabel.mjs";
-import { useItemHighlighted } from "../../hooks/useItemHighlighted.mjs";
+import { useItemHighlightState } from "../../hooks/useItemHighlightState.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * @ignore - internal component.
@@ -35,14 +35,13 @@ function BarLabelItem(props) {
       hidden
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  const {
-    isFaded,
-    isHighlighted
-  } = useItemHighlighted({
+  const highlightState = useItemHighlightState({
     type: 'bar',
     seriesId,
     dataIndex
   });
+  const isHighlighted = highlightState === 'highlighted';
+  const isFaded = highlightState === 'faded';
   const ownerState = {
     seriesId,
     classes: innerClasses,
@@ -66,7 +65,7 @@ function BarLabelItem(props) {
         width,
         height,
         placement: barLabelPlacement,
-        className: classes.root,
+        className: classes.label,
         'data-highlighted': isHighlighted || undefined,
         'data-faded': isFaded || undefined
       }),

package/BarChart/BarLabel/index.d.mts

@@ -1,6 +1,4 @@
 export { BarLabel } from "./BarLabel.mjs";
 export type { BarLabelProps } from "./BarLabel.mjs";
-export { barLabelClasses, getBarLabelUtilityClass } from "./barLabelClasses.mjs";
 export type { BarLabelSlotProps, BarLabelSlots } from "./BarLabelItem.mjs";
-export type { BarLabelOwnerState, BarItem, BarLabelContext } from "./BarLabel.types.mjs";
-export type { BarLabelClasses, BarLabelClassKey } from "./barLabelClasses.mjs";
+export type { BarLabelOwnerState, BarItem, BarLabelContext } from "./BarLabel.types.mjs";

package/BarChart/BarLabel/index.d.ts

@@ -1,6 +1,4 @@
 export { BarLabel } from "./BarLabel.js";
 export type { BarLabelProps } from "./BarLabel.js";
-export { barLabelClasses, getBarLabelUtilityClass } from "./barLabelClasses.js";
 export type { BarLabelSlotProps, BarLabelSlots } from "./BarLabelItem.js";
-export type { BarLabelOwnerState, BarItem, BarLabelContext } from "./BarLabel.types.js";
-export type { BarLabelClasses, BarLabelClassKey } from "./barLabelClasses.js";
+export type { BarLabelOwnerState, BarItem, BarLabelContext } from "./BarLabel.types.js";

package/BarChart/BarLabel/index.js

@@ -9,17 +9,4 @@ Object.defineProperty(exports, "BarLabel", {
     return _BarLabel.BarLabel;
   }
 });
-Object.defineProperty(exports, "barLabelClasses", {
-  enumerable: true,
-  get: function () {
-    return _barLabelClasses.barLabelClasses;
-  }
-});
-Object.defineProperty(exports, "getBarLabelUtilityClass", {
-  enumerable: true,
-  get: function () {
-    return _barLabelClasses.getBarLabelUtilityClass;
-  }
-});
-var _BarLabel = require("./BarLabel");
-var _barLabelClasses = require("./barLabelClasses");
+var _BarLabel = require("./BarLabel");

package/BarChart/BarLabel/index.mjs

@@ -1,2 +1 @@
-export { BarLabel } from "./BarLabel.mjs";
-export { barLabelClasses, getBarLabelUtilityClass } from "./barLabelClasses.mjs";
+export { BarLabel } from "./BarLabel.mjs";

package/BarChart/BarPlot.d.mts

@@ -7,6 +7,10 @@ import { type RendererType } from "../ScatterChart/index.mjs";
 export interface BarPlotSlots extends BarElementSlots, BarLabelSlots {}
 export interface BarPlotSlotProps extends BarElementSlotProps, BarLabelSlotProps {}
 export interface BarPlotProps {
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className?: string;
   /**
    * If `true`, animations are skipped.
    * @default undefined

package/BarChart/BarPlot.d.ts

@@ -7,6 +7,10 @@ import { type RendererType } from "../ScatterChart/index.js";
 export interface BarPlotSlots extends BarElementSlots, BarLabelSlots {}
 export interface BarPlotSlotProps extends BarElementSlotProps, BarLabelSlotProps {}
 export interface BarPlotProps {
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className?: string;
   /**
    * If `true`, animations are skipped.
    * @default undefined

package/BarChart/BarPlot.js

@@ -11,8 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
-var _barElementClasses = require("./barElementClasses");
 var _hooks = require("../hooks");
 var _BarLabelPlot = require("./BarLabel/BarLabelPlot");
 var _useSkipAnimation = require("../hooks/useSkipAnimation");
@@ -23,12 +23,12 @@ var _animation = require("../internals/animation/animation");
 var _IndividualBarPlot = require("./IndividualBarPlot");
 var _BatchBarPlot = require("./BatchBarPlot");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["skipAnimation", "onItemClick", "borderRadius", "barLabel", "renderer"];
+const _excluded = ["className", "skipAnimation", "onItemClick", "borderRadius", "barLabel", "renderer"];
 const BarPlotRoot = (0, _styles.styled)('g', {
   name: 'MuiBarPlot',
   slot: 'Root'
 })({
-  [`& .${_barElementClasses.barElementClasses.root}`]: {
+  [`& .${_barClasses.barClasses.element}`]: {
     transitionProperty: 'opacity, fill',
     transitionDuration: `${_animation.ANIMATION_DURATION_MS}ms`,
     transitionTimingFunction: _animation.ANIMATION_TIMING_FUNCTION
@@ -48,6 +48,7 @@ const BarPlotRoot = (0, _styles.styled)('g', {
  */
 function BarPlot(props) {
   const {
+      className,
       skipAnimation: inSkipAnimation,
       onItemClick,
       borderRadius,
@@ -71,7 +72,7 @@ function BarPlot(props) {
   const classes = (0, _barClasses.useUtilityClasses)();
   const BarElementPlot = renderer === 'svg-batch' ? _BatchBarPlot.BatchBarPlot : _IndividualBarPlot.IndividualBarPlot;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BarPlotRoot, {
-    className: classes.root,
+    className: (0, _clsx.default)(classes.root, className),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BarElementPlot, (0, _extends2.default)({
       completedData: completedData,
       masksData: masksData
@@ -109,6 +110,10 @@ process.env.NODE_ENV !== "production" ? BarPlot.propTypes = {
    * Defines the border radius of the bar element.
    */
   borderRadius: _propTypes.default.number,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: _propTypes.default.string,
   /**
    * Callback fired when a bar item is clicked.
    * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.

package/BarChart/BarPlot.mjs

@@ -2,17 +2,17 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["skipAnimation", "onItemClick", "borderRadius", "barLabel", "renderer"];
+const _excluded = ["className", "skipAnimation", "onItemClick", "borderRadius", "barLabel", "renderer"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
+import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
-import { barElementClasses } from "./barElementClasses.mjs";
 import { useDrawingArea, useXAxes, useYAxes } from "../hooks/index.mjs";
 import { BarLabelPlot } from "./BarLabel/BarLabelPlot.mjs";
 import { useSkipAnimation } from "../hooks/useSkipAnimation.mjs";
 import { useInternalIsZoomInteracting } from "../internals/plugins/featurePlugins/useChartCartesianAxis/useInternalIsZoomInteracting.mjs";
 import { useBarPlotData } from "./useBarPlotData.mjs";
-import { useUtilityClasses } from "./barClasses.mjs";
+import { barClasses, useUtilityClasses } from "./barClasses.mjs";
 import { ANIMATION_DURATION_MS, ANIMATION_TIMING_FUNCTION } from "../internals/animation/animation.mjs";
 import { IndividualBarPlot } from "./IndividualBarPlot.mjs";
 import { BatchBarPlot } from "./BatchBarPlot/index.mjs";
@@ -21,7 +21,7 @@ const BarPlotRoot = styled('g', {
   name: 'MuiBarPlot',
   slot: 'Root'
 })({
-  [`& .${barElementClasses.root}`]: {
+  [`& .${barClasses.element}`]: {
     transitionProperty: 'opacity, fill',
     transitionDuration: `${ANIMATION_DURATION_MS}ms`,
     transitionTimingFunction: ANIMATION_TIMING_FUNCTION
@@ -41,6 +41,7 @@ const BarPlotRoot = styled('g', {
  */
 function BarPlot(props) {
   const {
+      className,
       skipAnimation: inSkipAnimation,
       onItemClick,
       borderRadius,
@@ -64,7 +65,7 @@ function BarPlot(props) {
   const classes = useUtilityClasses();
   const BarElementPlot = renderer === 'svg-batch' ? BatchBarPlot : IndividualBarPlot;
   return /*#__PURE__*/_jsxs(BarPlotRoot, {
-    className: classes.root,
+    className: clsx(classes.root, className),
     children: [/*#__PURE__*/_jsx(BarElementPlot, _extends({
       completedData: completedData,
       masksData: masksData
@@ -102,6 +103,10 @@ process.env.NODE_ENV !== "production" ? BarPlot.propTypes = {
    * Defines the border radius of the bar element.
    */
   borderRadius: PropTypes.number,
+  /**
+   * A CSS class name applied to the root element.
+   */
+  className: PropTypes.string,
   /**
    * Callback fired when a bar item is clicked.
    * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.

package/BarChart/BatchBarPlot/BatchBarPlot.js

@@ -9,7 +9,7 @@ exports.BatchBarPlot = BatchBarPlot;
 var React = _interopRequireWildcard(require("react"));
 var _hooks = require("../../hooks");
 var _barClasses = require("../barClasses");
-var _useChartContext = require("../../context/ChartProvider/useChartContext");
+var _useChartsContext = require("../../context/ChartsProvider/useChartsContext");
 var _useChartHighlight = require("../../internals/plugins/featurePlugins/useChartHighlight");
 var _useRegisterItemClickHandlers = require("../useRegisterItemClickHandlers");
 var _useCreateBarPaths = require("./useCreateBarPaths");
@@ -66,7 +66,7 @@ function SeriesBatchPlot({
   const classes = (0, _barClasses.useUtilityClasses)();
   const {
     store
-  } = (0, _useChartContext.useChartContext)();
+  } = (0, _useChartsContext.useChartsContext)();
   const isSeriesHighlighted = store.use(_useChartHighlight.selectorChartIsSeriesHighlighted, series.seriesId);
   const isSeriesFaded = store.use(_useChartHighlight.selectorChartIsSeriesFaded, series.seriesId);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
@@ -115,7 +115,7 @@ function FadedHighlightedBars({
 }) {
   const {
     store
-  } = (0, _useChartContext.useChartContext)();
+  } = (0, _useChartsContext.useChartsContext)();
   const seriesHighlightedDataIndex = store.use(_useChartHighlight.selectorChartSeriesHighlightedItem, processedSeries.seriesId);
   const seriesUnfadedDataIndex = store.use(_useChartHighlight.selectorChartSeriesUnfadedItem, processedSeries.seriesId);
   const seriesHighlightedItem = seriesHighlightedDataIndex != null ? processedSeries.data.find(v => v.dataIndex === seriesHighlightedDataIndex) || null : null;

package/BarChart/BatchBarPlot/BatchBarPlot.mjs

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { useChartsLayerContainerRef } from "../../hooks/index.mjs";
 import { useUtilityClasses } from "../barClasses.mjs";
-import { useChartContext } from "../../context/ChartProvider/useChartContext.mjs";
+import { useChartsContext } from "../../context/ChartsProvider/useChartsContext.mjs";
 import { selectorChartIsSeriesFaded, selectorChartIsSeriesHighlighted, selectorChartSeriesHighlightedItem, selectorChartSeriesUnfadedItem } from "../../internals/plugins/featurePlugins/useChartHighlight/index.mjs";
 import { useRegisterItemClickHandlers } from "../useRegisterItemClickHandlers.mjs";
 import { createPath, useCreateBarPaths } from "./useCreateBarPaths.mjs";
@@ -60,7 +60,7 @@ function SeriesBatchPlot({
   const classes = useUtilityClasses();
   const {
     store
-  } = useChartContext();
+  } = useChartsContext();
   const isSeriesHighlighted = store.use(selectorChartIsSeriesHighlighted, series.seriesId);
   const isSeriesFaded = store.use(selectorChartIsSeriesFaded, series.seriesId);
   return /*#__PURE__*/_jsxs(React.Fragment, {
@@ -109,7 +109,7 @@ function FadedHighlightedBars({
 }) {
   const {
     store
-  } = useChartContext();
+  } = useChartsContext();
   const seriesHighlightedDataIndex = store.use(selectorChartSeriesHighlightedItem, processedSeries.seriesId);
   const seriesUnfadedDataIndex = store.use(selectorChartSeriesUnfadedItem, processedSeries.seriesId);
   const seriesHighlightedItem = seriesHighlightedDataIndex != null ? processedSeries.data.find(v => v.dataIndex === seriesHighlightedDataIndex) || null : null;

package/BarChart/barClasses.d.mts

@@ -1,3 +1,4 @@
+import { type SeriesId } from "../models/seriesType/common.mjs";
 export interface BarClasses {
   /** Styles applied to the bar plot element. */
   root: string;
@@ -5,8 +6,27 @@ export interface BarClasses {
   series: string;
   /** Styles applied to the group surrounding a series' labels. */
   seriesLabels: string;
+  /** Styles applied to an individual bar element. */
+  element: string;
+  /** Styles applied to an individual bar label. */
+  label: string;
+  /** Styles applied to a bar label when it is animated. */
+  labelAnimate: string;
 }
 export type BarClassKey = keyof BarClasses;
+export interface BarElementOwnerState {
+  seriesId: SeriesId;
+  dataIndex: number;
+  color: string;
+  isFaded: boolean;
+  isHighlighted: boolean;
+  isFocused: boolean;
+  classes?: Partial<BarClasses>;
+}
 export declare function getBarUtilityClass(slot: string): string;
 export declare const barClasses: BarClasses;
-export declare const useUtilityClasses: (classes?: Partial<BarClasses>) => Record<"root" | "series" | "seriesLabels", string>;
+export interface UseUtilityClassesOptions {
+  skipAnimation?: boolean;
+  classes?: Partial<BarClasses>;
+}
+export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"root" | "label" | "series" | "seriesLabels" | "element", string>;

package/BarChart/barClasses.d.ts

@@ -1,3 +1,4 @@
+import { type SeriesId } from "../models/seriesType/common.js";
 export interface BarClasses {
   /** Styles applied to the bar plot element. */
   root: string;
@@ -5,8 +6,27 @@ export interface BarClasses {
   series: string;
   /** Styles applied to the group surrounding a series' labels. */
   seriesLabels: string;
+  /** Styles applied to an individual bar element. */
+  element: string;
+  /** Styles applied to an individual bar label. */
+  label: string;
+  /** Styles applied to a bar label when it is animated. */
+  labelAnimate: string;
 }
 export type BarClassKey = keyof BarClasses;
+export interface BarElementOwnerState {
+  seriesId: SeriesId;
+  dataIndex: number;
+  color: string;
+  isFaded: boolean;
+  isHighlighted: boolean;
+  isFocused: boolean;
+  classes?: Partial<BarClasses>;
+}
 export declare function getBarUtilityClass(slot: string): string;
 export declare const barClasses: BarClasses;
-export declare const useUtilityClasses: (classes?: Partial<BarClasses>) => Record<"root" | "series" | "seriesLabels", string>;
+export interface UseUtilityClassesOptions {
+  skipAnimation?: boolean;
+  classes?: Partial<BarClasses>;
+}
+export declare const useUtilityClasses: (options?: UseUtilityClassesOptions) => Record<"root" | "label" | "series" | "seriesLabels" | "element", string>;

package/BarChart/barClasses.js

@@ -13,12 +13,18 @@ var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generat
 function getBarUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiBarChart', slot);
 }
-const barClasses = exports.barClasses = (0, _generateUtilityClasses.default)('MuiBarChart', ['root', 'series', 'seriesLabels']);
-const useUtilityClasses = classes => {
+const barClasses = exports.barClasses = (0, _generateUtilityClasses.default)('MuiBarChart', ['root', 'series', 'seriesLabels', 'element', 'label', 'labelAnimate']);
+const useUtilityClasses = options => {
+  const {
+    skipAnimation,
+    classes
+  } = options ?? {};
   const slots = {
     root: ['root'],
     series: ['series'],
-    seriesLabels: ['seriesLabels']
+    seriesLabels: ['seriesLabels'],
+    element: ['element'],
+    label: ['label', !skipAnimation && 'labelAnimate']
   };
   return (0, _composeClasses.default)(slots, getBarUtilityClass, classes);
 };

package/BarChart/barClasses.mjs

@@ -4,12 +4,18 @@ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getBarUtilityClass(slot) {
   return generateUtilityClass('MuiBarChart', slot);
 }
-export const barClasses = generateUtilityClasses('MuiBarChart', ['root', 'series', 'seriesLabels']);
-export const useUtilityClasses = classes => {
+export const barClasses = generateUtilityClasses('MuiBarChart', ['root', 'series', 'seriesLabels', 'element', 'label', 'labelAnimate']);
+export const useUtilityClasses = options => {
+  const {
+    skipAnimation,
+    classes
+  } = options ?? {};
   const slots = {
     root: ['root'],
     series: ['series'],
-    seriesLabels: ['seriesLabels']
+    seriesLabels: ['seriesLabels'],
+    element: ['element'],
+    label: ['label', !skipAnimation && 'labelAnimate']
   };
   return composeClasses(slots, getBarUtilityClass, classes);
 };

package/BarChart/index.d.mts

@@ -3,8 +3,7 @@ export * from "./BarPlot.mjs";
 export * from "./BarElement.mjs";
 export * from "./BarLabel/index.mjs";
 export * from "./FocusedBar.mjs";
-export * from "./barElementClasses.mjs";
 export * from "./BarChart.plugins.mjs";
 export { type BarProps } from "./AnimatedBarElement.mjs";
-export { barClasses, getBarUtilityClass } from "./barClasses.mjs";
+export { barClasses } from "./barClasses.mjs";
 export type { BarClassKey, BarClasses } from "./barClasses.mjs";

package/BarChart/index.d.ts

@@ -3,8 +3,7 @@ export * from "./BarPlot.js";
 export * from "./BarElement.js";
 export * from "./BarLabel/index.js";
 export * from "./FocusedBar.js";
-export * from "./barElementClasses.js";
 export * from "./BarChart.plugins.js";
 export { type BarProps } from "./AnimatedBarElement.js";
-export { barClasses, getBarUtilityClass } from "./barClasses.js";
+export { barClasses } from "./barClasses.js";
 export type { BarClassKey, BarClasses } from "./barClasses.js";

package/BarChart/index.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  barClasses: true,
-  getBarUtilityClass: true
+  barClasses: true
 };
 Object.defineProperty(exports, "barClasses", {
   enumerable: true,
@@ -13,12 +12,6 @@ Object.defineProperty(exports, "barClasses", {
     return _barClasses.barClasses;
   }
 });
-Object.defineProperty(exports, "getBarUtilityClass", {
-  enumerable: true,
-  get: function () {
-    return _barClasses.getBarUtilityClass;
-  }
-});
 var _BarChart = require("./BarChart");
 Object.keys(_BarChart).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -79,18 +72,6 @@ Object.keys(_FocusedBar).forEach(function (key) {
     }
   });
 });
-var _barElementClasses = require("./barElementClasses");
-Object.keys(_barElementClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _barElementClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _barElementClasses[key];
-    }
-  });
-});
 var _BarChart2 = require("./BarChart.plugins");
 Object.keys(_BarChart2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/BarChart/index.mjs

@@ -3,6 +3,5 @@ export * from "./BarPlot.mjs";
 export * from "./BarElement.mjs";
 export * from "./BarLabel/index.mjs";
 export * from "./FocusedBar.mjs";
-export * from "./barElementClasses.mjs";
 export * from "./BarChart.plugins.mjs";
-export { barClasses, getBarUtilityClass } from "./barClasses.mjs";
+export { barClasses } from "./barClasses.mjs";

package/BarChart/seriesConfig/bar/legend.js

@@ -4,25 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _getLabel = require("../../../internals/getLabel");
-const legendGetter = params => {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  return seriesOrder.reduce((acc, seriesId) => {
-    const formattedLabel = (0, _getLabel.getLabel)(series[seriesId].label, 'legend');
-    if (formattedLabel === undefined) {
-      return acc;
-    }
-    acc.push({
-      type: 'bar',
-      markType: series[seriesId].labelMarkType,
-      seriesId,
-      color: series[seriesId].color,
-      label: formattedLabel
-    });
-    return acc;
-  }, []);
-};
+var _legendUtils = require("../../../internals/legendUtils");
+const legendGetter = series => (0, _legendUtils.getSeriesLegendItems)('bar', series);
 var _default = exports.default = legendGetter;

package/BarChart/seriesConfig/bar/legend.mjs

@@ -1,22 +1,3 @@
-import { getLabel } from "../../../internals/getLabel.mjs";
-const legendGetter = params => {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  return seriesOrder.reduce((acc, seriesId) => {
-    const formattedLabel = getLabel(series[seriesId].label, 'legend');
-    if (formattedLabel === undefined) {
-      return acc;
-    }
-    acc.push({
-      type: 'bar',
-      markType: series[seriesId].labelMarkType,
-      seriesId,
-      color: series[seriesId].color,
-      label: formattedLabel
-    });
-    return acc;
-  }, []);
-};
+import { getSeriesLegendItems } from "../../../internals/legendUtils.mjs";
+const legendGetter = series => getSeriesLegendItems('bar', series);
 export default legendGetter;

package/BarChart/useBarChartProps.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type BarChartProps, type BarSeries } from "./BarChart.mjs";
-import { type ChartContainerProps } from "../ChartContainer/index.mjs";
+import { type ChartsContainerProps } from "../ChartsContainer/index.mjs";
 import { type BarPlotProps } from "./BarPlot.mjs";
 import { type ChartsGridProps } from "../ChartsGrid/index.mjs";
 import { type ChartsClipPathProps } from "../ChartsClipPath/index.mjs";
@@ -23,7 +23,7 @@ export type UseBarChartProps = Omit<BarChartProps, 'series'> & Omit<{
  */
 export declare const useBarChartProps: (props: UseBarChartProps) => {
   chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
-  chartContainerProps: ChartContainerProps<"bar", BarChartPluginSignatures>;
+  chartsContainerProps: ChartsContainerProps<"bar", BarChartPluginSignatures>;
   barPlotProps: BarPlotProps;
   gridProps: ChartsGridProps;
   clipPathProps: ChartsClipPathProps;

package/BarChart/useBarChartProps.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type BarChartProps, type BarSeries } from "./BarChart.js";
-import { type ChartContainerProps } from "../ChartContainer/index.js";
+import { type ChartsContainerProps } from "../ChartsContainer/index.js";
 import { type BarPlotProps } from "./BarPlot.js";
 import { type ChartsGridProps } from "../ChartsGrid/index.js";
 import { type ChartsClipPathProps } from "../ChartsClipPath/index.js";
@@ -23,7 +23,7 @@ export type UseBarChartProps = Omit<BarChartProps, 'series'> & Omit<{
  */
 export declare const useBarChartProps: (props: UseBarChartProps) => {
   chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
-  chartContainerProps: ChartContainerProps<"bar", BarChartPluginSignatures>;
+  chartsContainerProps: ChartsContainerProps<"bar", BarChartPluginSignatures>;
   barPlotProps: BarPlotProps;
   gridProps: ChartsGridProps;
   clipPathProps: ChartsClipPathProps;

package/BarChart/useBarChartProps.js

@@ -90,7 +90,7 @@ const useBarChartProps = props => {
       scaleType: 'band'
     }, axis)) : yAxis;
   }, [defaultYAxis, hasHorizontalSeries, yAxis]);
-  const chartContainerProps = (0, _extends2.default)({}, other, {
+  const chartsContainerProps = (0, _extends2.default)({}, other, {
     series: seriesWithDefault,
     width,
     height,
@@ -151,7 +151,7 @@ const useBarChartProps = props => {
   };
   return {
     chartsWrapperProps,
-    chartContainerProps,
+    chartsContainerProps,
     barPlotProps,
     gridProps,
     clipPathProps,