@mui/x-charts 8.20.0 → 8.22.0

package/ChartsXAxis/useAxisTicksProps.js

@@ -52,7 +52,9 @@ function useAxisTicksProps(inProps) {
   const defaultDominantBaseline = (0, _defaultTextPlacement.getDefaultBaseline)((position === 'bottom' ? 0 : 180) - (tickLabelStyle?.angle ?? 0));
   const axisTickLabelProps = (0, _useSlotProps.default)({
     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: (0, _extends2.default)({}, theme.typography.caption, {
         fontSize: 12,

package/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/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/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/ChartsYAxis/ChartsSingleYAxisTicks.js

@@ -23,7 +23,8 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 function ChartsSingleYAxisTicks(inProps) {
   const {
-    axisLabelHeight
+    axisLabelHeight,
+    ordinalTimeTicks
   } = inProps;
   const {
     yScale,
@@ -45,6 +46,7 @@ function ChartsSingleYAxisTicks(inProps) {
     tickLabelPlacement,
     tickInterval,
     tickLabelInterval,
+    tickSpacing,
     width: axisWidth
   } = defaultizedProps;
   const drawingArea = (0, _useDrawingArea.useDrawingArea)();
@@ -60,7 +62,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/ChartsYAxis/ChartsYAxis.d.ts

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

package/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/ChartsYAxis/ChartsYAxisImpl.js

@@ -24,7 +24,7 @@ var _domUtils = require("../internals/domUtils");
 var _AxisSharedComponents = require("../internals/components/AxisSharedComponents");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["axis"],
-  _excluded2 = ["scale", "tickNumber", "reverse"];
+  _excluded2 = ["scale", "tickNumber", "reverse", "ordinalTimeTicks"];
 const YAxisRoot = (0, _styles.styled)(_AxisSharedComponents.AxisRoot, {
   name: 'MuiChartsYAxis',
   slot: 'Root'
@@ -37,8 +37,11 @@ function ChartsYAxisImpl(_ref) {
       axis
     } = _ref,
     inProps = (0, _objectWithoutPropertiesLoose2.default)(_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 = (0, _objectWithoutPropertiesLoose2.default)(axis, _excluded2);
   const isHydrated = (0, _useIsHydrated.useIsHydrated)();
@@ -81,7 +84,9 @@ function ChartsYAxisImpl(_ref) {
   });
   const axisLabelProps = (0, _useSlotProps.default)({
     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: (0, _extends2.default)({}, theme.typography.body1, {
         lineHeight: 1,
@@ -112,7 +117,8 @@ function ChartsYAxisImpl(_ref) {
   let children = null;
   if (!skipTickRendering) {
     children = 'groups' in axis && Array.isArray(axis.groups) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGroupedYAxisTicks.ChartsGroupedYAxisTicks, (0, _extends2.default)({}, inProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsSingleYAxisTicks.ChartsSingleYAxisTicks, (0, _extends2.default)({}, inProps, {
-      axisLabelHeight: axisLabelHeight
+      axisLabelHeight: axisLabelHeight,
+      ordinalTimeTicks: ordinalTimeTicks
     }));
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(YAxisRoot, {

package/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>;