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

package/ChartsXAxis/ChartsGroupedXAxisTicks.mjs

@@ -4,7 +4,7 @@ import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { isOrdinalScale } from "../internals/scaleGuards.mjs";
-import { useChartContext } from "../context/ChartProvider/useChartContext.mjs";
+import { useChartsContext } from "../context/ChartsProvider/useChartsContext.mjs";
 import { TICK_LABEL_GAP } from "./utilities.mjs";
 import { useTicksGrouped } from "../hooks/useTicksGrouped.mjs";
 import { useAxisTicksProps } from "./useAxisTicksProps.mjs";
@@ -49,7 +49,7 @@ function ChartsGroupedXAxisTicks(inProps) {
   const groups = defaultizedProps.groups;
   const {
     instance
-  } = useChartContext();
+  } = useChartsContext();
   const xTicks = useTicksGrouped({
     scale: xScale,
     tickNumber,

package/ChartsXAxis/ChartsSingleXAxisTicks.js

@@ -14,7 +14,7 @@ var _useIsHydrated = require("../hooks/useIsHydrated");
 var _useTicks = require("../hooks/useTicks");
 var _useMounted = require("../hooks/useMounted");
 var _useDrawingArea = require("../hooks/useDrawingArea");
-var _useChartContext = require("../context/ChartProvider/useChartContext");
+var _useChartsContext = require("../context/ChartsProvider/useChartsContext");
 var _shortenLabels = require("./shortenLabels");
 var _getVisibleLabels = require("./getVisibleLabels");
 var _utilities = require("./utilities");
@@ -57,7 +57,7 @@ function ChartsSingleXAxisTicks(inProps) {
   const drawingArea = (0, _useDrawingArea.useDrawingArea)();
   const {
     instance
-  } = (0, _useChartContext.useChartContext)();
+  } = (0, _useChartsContext.useChartsContext)();
   const isHydrated = (0, _useIsHydrated.useIsHydrated)();
   const tickSize = disableTicks ? 4 : tickSizeProp;
   const xTicks = (0, _useTicks.useTicks)({

package/ChartsXAxis/ChartsSingleXAxisTicks.mjs

@@ -7,7 +7,7 @@ import { useIsHydrated } from "../hooks/useIsHydrated.mjs";
 import { useTicks } from "../hooks/useTicks.mjs";
 import { useMounted } from "../hooks/useMounted.mjs";
 import { useDrawingArea } from "../hooks/useDrawingArea.mjs";
-import { useChartContext } from "../context/ChartProvider/useChartContext.mjs";
+import { useChartsContext } from "../context/ChartsProvider/useChartsContext.mjs";
 import { shortenLabels } from "./shortenLabels.mjs";
 import { getVisibleLabels } from "./getVisibleLabels.mjs";
 import { AXIS_LABEL_TICK_LABEL_GAP, TICK_LABEL_GAP } from "./utilities.mjs";
@@ -50,7 +50,7 @@ function ChartsSingleXAxisTicks(inProps) {
   const drawingArea = useDrawingArea();
   const {
     instance
-  } = useChartContext();
+  } = useChartsContext();
   const isHydrated = useIsHydrated();
   const tickSize = disableTicks ? 4 : tickSizeProp;
   const xTicks = useTicks({

package/ChartsXAxis/ChartsXAxisImpl.js

@@ -10,6 +10,7 @@ exports.ChartsXAxisImpl = ChartsXAxisImpl;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _styles = require("@mui/material/styles");
 var _ChartsSingleXAxisTicks = require("./ChartsSingleXAxisTicks");
@@ -52,6 +53,7 @@ function ChartsXAxisImpl(_ref) {
   const defaultizedProps = (0, _extends2.default)({}, _utilities.defaultProps, themedProps);
   const {
     position,
+    className,
     labelStyle,
     offset,
     slots,
@@ -107,7 +109,7 @@ function ChartsXAxisImpl(_ref) {
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(XAxisRoot, {
     transform: `translate(0, ${position === 'bottom' ? top + height + offset : top - offset})`,
-    className: classes.root,
+    className: (0, _clsx.default)(classes.root, className),
     "data-axis-id": defaultizedProps.id,
     sx: sx,
     children: [!disableLine && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, (0, _extends2.default)({

package/ChartsXAxis/ChartsXAxisImpl.mjs

@@ -5,6 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["axis"],
   _excluded2 = ["scale", "tickNumber", "reverse", "ordinalTimeTicks"];
 import * as React from 'react';
+import clsx from 'clsx';
 import useSlotProps from '@mui/utils/useSlotProps';
 import { styled, useTheme, useThemeProps } from '@mui/material/styles';
 import { ChartsSingleXAxisTicks } from "./ChartsSingleXAxisTicks.mjs";
@@ -45,6 +46,7 @@ export function ChartsXAxisImpl(_ref) {
   const defaultizedProps = _extends({}, defaultProps, themedProps);
   const {
     position,
+    className,
     labelStyle,
     offset,
     slots,
@@ -100,7 +102,7 @@ export function ChartsXAxisImpl(_ref) {
   };
   return /*#__PURE__*/_jsxs(XAxisRoot, {
     transform: `translate(0, ${position === 'bottom' ? top + height + offset : top - offset})`,
-    className: classes.root,
+    className: clsx(classes.root, className),
     "data-axis-id": defaultizedProps.id,
     sx: sx,
     children: [!disableLine && /*#__PURE__*/_jsx(Line, _extends({