@mui/x-charts 8.26.0 → 9.0.0-alpha.0

package/ChartsXAxis/useAxisTicksProps.js

@@ -30,7 +30,7 @@ function useAxisTicksProps(inProps) {
     } = _xAxis,
     settings = (0, _objectWithoutPropertiesLoose2.default)(_xAxis, _excluded);
 
-  // eslint-disable-next-line material-ui/mui-name-matches-component-name
+  // eslint-disable-next-line mui/material-ui-name-matches-component-name
   const themedProps = (0, _styles.useThemeProps)({
     props: (0, _extends2.default)({}, settings, inProps),
     name: 'MuiChartsXAxis'

package/ChartsXAxis/utilities.d.ts

@@ -1,5 +1,5 @@
 import { type AxisConfig, type ChartsXAxisProps } from "../models/axis.js";
-export declare const useUtilityClasses: (ownerState: Pick<AxisConfig<any, any, ChartsXAxisProps>, "id" | "position" | "classes">) => Record<"root" | "line" | "label" | "tickContainer" | "tick" | "tickLabel", string>;
+export declare const useUtilityClasses: (ownerState: Pick<AxisConfig<any, any, ChartsXAxisProps>, "position" | "classes">) => Record<"root" | "line" | "label" | "tickContainer" | "tick" | "tickLabel", string>;
 export declare const TICK_LABEL_GAP = 3;
 export declare const AXIS_LABEL_TICK_LABEL_GAP = 4;
 export declare const defaultProps: {

package/ChartsXAxis/utilities.js

@@ -10,11 +10,10 @@ var _axisClasses = require("../ChartsAxis/axisClasses");
 const useUtilityClasses = ownerState => {
   const {
     classes,
-    position,
-    id
+    position
   } = ownerState;
   const slots = {
-    root: ['root', 'directionX', position, `id-${id}`],
+    root: ['root', 'directionX', position],
     line: ['line'],
     tickContainer: ['tickContainer'],
     tick: ['tick'],

package/ChartsYAxis/ChartsYAxis.d.ts

@@ -1,4 +1,6 @@
-import { type ChartsYAxisProps } from "../models/axis.js";
+import { type ChartsYAxisProps, type ChartsAxisSlots, type ChartsAxisSlotProps } from "../models/axis.js";
+export interface ChartsYAxisSlots extends ChartsAxisSlots {}
+export interface ChartsYAxisSlotProps extends ChartsAxisSlotProps {}
 /**
  * Demos:
  *

package/ChartsYAxis/ChartsYAxis.js

@@ -20,7 +20,8 @@ var _jsxRuntime = require("react/jsx-runtime");
  * API:
  *
  * - [ChartsYAxis API](https://mui.com/x/api/charts/charts-y-axis/)
- */function ChartsYAxis(inProps) {
+ */
+function ChartsYAxis(inProps) {
   const {
     yAxis,
     yAxisIds

package/ChartsYAxis/ChartsYAxisImpl.js

@@ -46,7 +46,7 @@ function ChartsYAxisImpl(_ref) {
     settings = (0, _objectWithoutPropertiesLoose2.default)(axis, _excluded2);
   const isHydrated = (0, _useIsHydrated.useIsHydrated)();
 
-  // eslint-disable-next-line material-ui/mui-name-matches-component-name
+  // eslint-disable-next-line mui/material-ui-name-matches-component-name
   const themedProps = (0, _styles.useThemeProps)({
     props: (0, _extends2.default)({}, settings, inProps),
     name: 'MuiChartsYAxis'
@@ -124,6 +124,7 @@ function ChartsYAxisImpl(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(YAxisRoot, {
     transform: `translate(${position === 'right' ? left + width + offset : left - offset}, 0)`,
     className: classes.root,
+    "data-axis-id": defaultizedProps.id,
     sx: sx,
     children: [!disableLine && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, (0, _extends2.default)({
       y1: top,

package/ChartsYAxis/shortenLabels.d.ts

@@ -1,4 +1,4 @@
 import { type ChartDrawingArea } from "../hooks/index.js";
-import { type TickItemType } from "../hooks/useTicks.js";
+import { type TickItem } from "../hooks/useTicks.js";
 import { type ChartsYAxisProps } from "../models/index.js";
-export declare function shortenLabels(visibleLabels: TickItemType[], drawingArea: Pick<ChartDrawingArea, 'top' | 'height' | 'bottom'>, maxWidth: number, isRtl: boolean, tickLabelStyle: ChartsYAxisProps['tickLabelStyle']): Map<TickItemType, string>;
+export declare function shortenLabels(visibleLabels: TickItem[], drawingArea: Pick<ChartDrawingArea, 'top' | 'height' | 'bottom'>, maxWidth: number, isRtl: boolean, tickLabelStyle: ChartsYAxisProps['tickLabelStyle']): Map<TickItem, string>;