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

package/ChartsYAxis/ChartsGroupedYAxisTicks.js

@@ -11,7 +11,7 @@ var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/form
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _scaleGuards = require("../internals/scaleGuards");
-var _useChartContext = require("../context/ChartProvider/useChartContext");
+var _useChartsContext = require("../context/ChartsProvider/useChartsContext");
 var _utilities = require("./utilities");
 var _useTicksGrouped = require("../hooks/useTicksGrouped");
 var _useAxisTicksProps = require("./useAxisTicksProps");
@@ -57,7 +57,7 @@ function ChartsGroupedYAxisTicks(inProps) {
   const groups = defaultizedProps.groups;
   const {
     instance
-  } = (0, _useChartContext.useChartContext)();
+  } = (0, _useChartsContext.useChartsContext)();
   const yTicks = (0, _useTicksGrouped.useTicksGrouped)({
     scale: yScale,
     tickNumber,

package/ChartsYAxis/ChartsGroupedYAxisTicks.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";
@@ -50,7 +50,7 @@ function ChartsGroupedYAxisTicks(inProps) {
   const groups = defaultizedProps.groups;
   const {
     instance
-  } = useChartContext();
+  } = useChartsContext();
   const yTicks = useTicksGrouped({
     scale: yScale,
     tickNumber,

package/ChartsYAxis/ChartsSingleYAxisTicks.js

@@ -13,7 +13,7 @@ var _RtlProvider = require("@mui/system/RtlProvider");
 var _useIsHydrated = require("../hooks/useIsHydrated");
 var _useTicks = require("../hooks/useTicks");
 var _useDrawingArea = require("../hooks/useDrawingArea");
-var _ChartProvider = require("../context/ChartProvider");
+var _ChartsProvider = require("../context/ChartsProvider");
 var _shortenLabels = require("./shortenLabels");
 var _utilities = require("./utilities");
 var _useAxisTicksProps = require("./useAxisTicksProps");
@@ -52,7 +52,7 @@ function ChartsSingleYAxisTicks(inProps) {
   const drawingArea = (0, _useDrawingArea.useDrawingArea)();
   const {
     instance
-  } = (0, _ChartProvider.useChartContext)();
+  } = (0, _ChartsProvider.useChartsContext)();
   const isHydrated = (0, _useIsHydrated.useIsHydrated)();
   const tickSize = disableTicks ? 4 : tickSizeProp;
   const yTicks = (0, _useTicks.useTicks)({

package/ChartsYAxis/ChartsSingleYAxisTicks.mjs

@@ -6,7 +6,7 @@ import { useRtl } from '@mui/system/RtlProvider';
 import { useIsHydrated } from "../hooks/useIsHydrated.mjs";
 import { useTicks } from "../hooks/useTicks.mjs";
 import { useDrawingArea } from "../hooks/useDrawingArea.mjs";
-import { useChartContext } from "../context/ChartProvider/index.mjs";
+import { useChartsContext } from "../context/ChartsProvider/index.mjs";
 import { shortenLabels } from "./shortenLabels.mjs";
 import { AXIS_LABEL_TICK_LABEL_GAP, TICK_LABEL_GAP } from "./utilities.mjs";
 import { useAxisTicksProps } from "./useAxisTicksProps.mjs";
@@ -45,7 +45,7 @@ function ChartsSingleYAxisTicks(inProps) {
   const drawingArea = useDrawingArea();
   const {
     instance
-  } = useChartContext();
+  } = useChartsContext();
   const isHydrated = useIsHydrated();
   const tickSize = disableTicks ? 4 : tickSizeProp;
   const yTicks = useTicks({

package/ChartsYAxis/ChartsYAxisImpl.js

@@ -10,6 +10,7 @@ exports.ChartsYAxisImpl = ChartsYAxisImpl;
 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 _ChartsSingleYAxisTicks = require("./ChartsSingleYAxisTicks");
@@ -54,6 +55,7 @@ function ChartsYAxisImpl(_ref) {
   const defaultizedProps = (0, _extends2.default)({}, _utilities.defaultProps, themedProps);
   const {
     position,
+    className,
     disableLine,
     label,
     labelStyle,
@@ -123,7 +125,7 @@ function ChartsYAxisImpl(_ref) {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(YAxisRoot, {
     transform: `translate(${position === 'right' ? left + width + offset : left - offset}, 0)`,
-    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/ChartsYAxis/ChartsYAxisImpl.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 { useThemeProps, useTheme, styled } from '@mui/material/styles';
 import { ChartsSingleYAxisTicks } from "./ChartsSingleYAxisTicks.mjs";
@@ -47,6 +48,7 @@ export function ChartsYAxisImpl(_ref) {
   const defaultizedProps = _extends({}, defaultProps, themedProps);
   const {
     position,
+    className,
     disableLine,
     label,
     labelStyle,
@@ -116,7 +118,7 @@ export function ChartsYAxisImpl(_ref) {
   }
   return /*#__PURE__*/_jsxs(YAxisRoot, {
     transform: `translate(${position === 'right' ? left + width + offset : left - offset}, 0)`,
-    className: classes.root,
+    className: clsx(classes.root, className),
     "data-axis-id": defaultizedProps.id,
     sx: sx,
     children: [!disableLine && /*#__PURE__*/_jsx(Line, _extends({