@mui/x-charts 8.20.0 → 8.22.0

package/esm/ChartsXAxis/useAxisTicksProps.js

@@ -46,7 +46,9 @@ export function useAxisTicksProps(inProps) {
   const defaultDominantBaseline = getDefaultBaseline((position === 'bottom' ? 0 : 180) - (tickLabelStyle?.angle ?? 0));
   const axisTickLabelProps = useSlotProps({
     elementType: TickLabel,
+    // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     externalSlotProps: slotProps?.axisTickLabel,
+    // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     additionalProps: {
       style: _extends({}, theme.typography.caption, {
         fontSize: 12,

package/esm/ChartsXAxis/utilities.d.ts

@@ -1,4 +1,4 @@
-import { AxisConfig, ChartsXAxisProps } from "../models/axis.js";
+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 TICK_LABEL_GAP = 3;
 export declare const AXIS_LABEL_TICK_LABEL_GAP = 4;

package/esm/ChartsYAxis/ChartsGroupedYAxisTicks.d.ts

@@ -1,4 +1,4 @@
-import { ChartsYAxisProps } from "../models/axis.js";
+import { type ChartsYAxisProps } from "../models/axis.js";
 /**
  * @ignore - internal component.
  */

package/esm/ChartsYAxis/ChartsSingleYAxisTicks.d.ts

@@ -1,6 +1,8 @@
-import { ChartsYAxisProps } from "../models/axis.js";
+import type { ChartsYAxisProps } from "../models/axis.js";
+import type { OrdinalTimeTicks } from "../models/timeTicks.js";
 interface ChartsSingleYAxisProps extends ChartsYAxisProps {
   axisLabelHeight: number;
+  ordinalTimeTicks?: OrdinalTimeTicks;
 }
 /**
  * @ignore - internal component.

package/esm/ChartsYAxis/ChartsSingleYAxisTicks.js

@@ -16,7 +16,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 function ChartsSingleYAxisTicks(inProps) {
   const {
-    axisLabelHeight
+    axisLabelHeight,
+    ordinalTimeTicks
   } = inProps;
   const {
     yScale,
@@ -38,6 +39,7 @@ function ChartsSingleYAxisTicks(inProps) {
     tickLabelPlacement,
     tickInterval,
     tickLabelInterval,
+    tickSpacing,
     width: axisWidth
   } = defaultizedProps;
   const drawingArea = useDrawingArea();
@@ -53,7 +55,9 @@ function ChartsSingleYAxisTicks(inProps) {
     tickPlacement,
     tickLabelPlacement,
     tickInterval,
-    direction: 'y'
+    tickSpacing,
+    direction: 'y',
+    ordinalTimeTicks
   });
 
   /* If there's an axis title, the tick labels have less space to render  */

package/esm/ChartsYAxis/ChartsYAxis.d.ts

@@ -1,4 +1,4 @@
-import { ChartsYAxisProps } from "../models/axis.js";
+import { type ChartsYAxisProps } from "../models/axis.js";
 /**
  * Demos:
  *

package/esm/ChartsYAxis/ChartsYAxisImpl.d.ts

@@ -1,6 +1,6 @@
-import { AxisScaleConfig, ChartsYAxisProps, ComputedAxis } from "../models/axis.js";
+import type { ChartsYAxisProps, ComputedAxis, ScaleName } from "../models/axis.js";
 interface ChartsYAxisImplProps extends Omit<ChartsYAxisProps, 'axis'> {
-  axis: ComputedAxis<keyof AxisScaleConfig, any, ChartsYAxisProps>;
+  axis: ComputedAxis<ScaleName, any, ChartsYAxisProps>;
 }
 /**
  * @ignore - internal component. Use `ChartsYAxis` instead.

package/esm/ChartsYAxis/ChartsYAxisImpl.js

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["axis"],
-  _excluded2 = ["scale", "tickNumber", "reverse"];
+  _excluded2 = ["scale", "tickNumber", "reverse", "ordinalTimeTicks"];
 import * as React from 'react';
 import useSlotProps from '@mui/utils/useSlotProps';
 import { useThemeProps, useTheme, styled } from '@mui/material/styles';
@@ -30,8 +30,11 @@ export function ChartsYAxisImpl(_ref) {
       axis
     } = _ref,
     inProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  // @ts-expect-error ordinalTimeTicks may not be present on all axis types
+  // Should be set to never, but this causes other issues with proptypes generator.
   const {
-      scale: yScale
+      scale: yScale,
+      ordinalTimeTicks
     } = axis,
     settings = _objectWithoutPropertiesLoose(axis, _excluded2);
   const isHydrated = useIsHydrated();
@@ -74,7 +77,9 @@ export function ChartsYAxisImpl(_ref) {
   });
   const axisLabelProps = useSlotProps({
     elementType: Label,
+    // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     externalSlotProps: slotProps?.axisLabel,
+    // @ts-expect-error `useSlotProps` applies `WithCommonProps` with adds a `style: React.CSSProperties` prop automatically.
     additionalProps: {
       style: _extends({}, theme.typography.body1, {
         lineHeight: 1,
@@ -105,7 +110,8 @@ export function ChartsYAxisImpl(_ref) {
   let children = null;
   if (!skipTickRendering) {
     children = 'groups' in axis && Array.isArray(axis.groups) ? /*#__PURE__*/_jsx(ChartsGroupedYAxisTicks, _extends({}, inProps)) : /*#__PURE__*/_jsx(ChartsSingleYAxisTicks, _extends({}, inProps, {
-      axisLabelHeight: axisLabelHeight
+      axisLabelHeight: axisLabelHeight,
+      ordinalTimeTicks: ordinalTimeTicks
     }));
   }
   return /*#__PURE__*/_jsxs(YAxisRoot, {

package/esm/ChartsYAxis/shortenLabels.d.ts

@@ -1,4 +1,4 @@
-import { ChartDrawingArea } from "../hooks/index.js";
-import { TickItemType } from "../hooks/useTicks.js";
-import { ChartsYAxisProps } from "../models/index.js";
+import { type ChartDrawingArea } from "../hooks/index.js";
+import { type TickItemType } 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>;