@mui/x-charts 8.20.0 → 8.22.0

package/ChartsXAxis/ChartsXAxisImpl.js

@@ -23,7 +23,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 XAxisRoot = (0, _styles.styled)(_AxisSharedComponents.AxisRoot, {
   name: 'MuiChartsXAxis',
   slot: 'Root'
@@ -36,8 +36,11 @@ function ChartsXAxisImpl(_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: xScale
+      scale: xScale,
+      ordinalTimeTicks
     } = axis,
     settings = (0, _objectWithoutPropertiesLoose2.default)(axis, _excluded2);
 
@@ -71,7 +74,9 @@ function ChartsXAxisImpl(_ref) {
   const Label = slots?.axisLabel ?? _ChartsText.ChartsText;
   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,
@@ -92,7 +97,8 @@ function ChartsXAxisImpl(_ref) {
   let children = null;
   if (!skipTickRendering) {
     children = 'groups' in axis && Array.isArray(axis.groups) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGroupedXAxisTicks.ChartsGroupedXAxisTicks, (0, _extends2.default)({}, inProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsSingleXAxisTicks.ChartsSingleXAxisTicks, (0, _extends2.default)({}, inProps, {
-      axisLabelHeight: labelHeight
+      axisLabelHeight: labelHeight,
+      ordinalTimeTicks: ordinalTimeTicks
     }));
   }
   const labelRefPoint = {

package/ChartsXAxis/getVisibleLabels.d.ts

@@ -1,5 +1,5 @@
-import { TickItemType } from "../hooks/useTicks.js";
-import { ChartsXAxisProps, ComputedXAxis } from "../models/axis.js";
+import { type TickItemType } from "../hooks/useTicks.js";
+import { type ChartsXAxisProps, type ComputedXAxis } from "../models/axis.js";
 export declare function getVisibleLabels<T extends TickItemType>(xTicks: T[], {
   tickLabelStyle: style,
   tickLabelInterval,

package/ChartsXAxis/shortenLabels.d.ts

@@ -1,4 +1,4 @@
-import { TickItemType } from "../hooks/useTicks.js";
-import { ChartsXAxisProps } from "../models/axis.js";
-import { ChartDrawingArea } from "../hooks/useDrawingArea.js";
+import { type TickItemType } from "../hooks/useTicks.js";
+import { type ChartsXAxisProps } from "../models/axis.js";
+import { type ChartDrawingArea } from "../hooks/useDrawingArea.js";
 export declare function shortenLabels(visibleLabels: Set<TickItemType>, drawingArea: Pick<ChartDrawingArea, 'left' | 'width' | 'right'>, maxHeight: number, isRtl: boolean, tickLabelStyle: ChartsXAxisProps['tickLabelStyle']): Map<TickItemType, string>;