@mui/x-charts 7.3.1 → 7.3.2

package/modern/hooks/useTicks.js

@@ -59,6 +59,10 @@ export function useTicks(options) {
         labelOffset: 0
       }));
     }
+    if (scale.domain().length === 0 || scale.domain()[0] === scale.domain()[1]) {
+      // The axis should not be visible, so ticks should also be hidden.
+      return [];
+    }
     const ticks = typeof tickInterval === 'object' ? tickInterval : scale.ticks(tickNumber);
     return ticks.map(value => ({
       value,

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.3.1
+ * @mui/x-charts v7.3.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/components/ChartsAxesGradients/ChartsAxesGradients.js

@@ -9,7 +9,7 @@ export function useChartGradient() {
   const {
     chartId
   } = React.useContext(DrawingContext);
-  return React.useCallback((axisId, direction) => `${chartId}-graient-${direction}-${axisId}`, [chartId]);
+  return React.useCallback((axisId, direction) => `${chartId}-gradient-${direction}-${axisId}`, [chartId]);
 }
 export function ChartsAxesGradients() {
   const {
@@ -40,7 +40,7 @@ export function ChartsAxesGradients() {
       } = yAxis[axisId];
       if (colorMap?.type === 'piecewise') {
         return /*#__PURE__*/_jsx(ChartsPiecewiseGradient, {
-          isReveresed: !reverse,
+          isReversed: !reverse,
           scale: scale,
           colorMap: colorMap,
           size: svgHeight,
@@ -50,7 +50,7 @@ export function ChartsAxesGradients() {
       }
       if (colorMap?.type === 'continuous') {
         return /*#__PURE__*/_jsx(ChartsContinuousGradient, {
-          isReveresed: !reverse,
+          isReversed: !reverse,
           scale: scale,
           colorScale: colorScale,
           colorMap: colorMap,
@@ -70,7 +70,7 @@ export function ChartsAxesGradients() {
       } = xAxis[axisId];
       if (colorMap?.type === 'piecewise') {
         return /*#__PURE__*/_jsx(ChartsPiecewiseGradient, {
-          isReveresed: reverse,
+          isReversed: reverse,
           scale: scale,
           colorMap: colorMap,
           size: svgWidth,
@@ -80,7 +80,7 @@ export function ChartsAxesGradients() {
       }
       if (colorMap?.type === 'continuous') {
         return /*#__PURE__*/_jsx(ChartsContinuousGradient, {
-          isReveresed: reverse,
+          isReversed: reverse,
           scale: scale,
           colorScale: colorScale,
           colorMap: colorMap,

package/modern/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js

@@ -4,7 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const PX_PRECISION = 10;
 export default function ChartsContinuousGradient(props) {
   const {
-    isReveresed,
+    isReversed,
     gradientId,
     size,
     direction,
@@ -26,7 +26,7 @@ export default function ChartsContinuousGradient(props) {
     x2: "0",
     y1: "0",
     y2: "0",
-    [`${direction}${isReveresed ? 1 : 2}`]: `${size}px`,
+    [`${direction}${isReversed ? 1 : 2}`]: `${size}px`,
     gradientUnits: "userSpaceOnUse" // Use the SVG coordinate instead of the component ones.
     ,
     children: Array.from({
@@ -40,7 +40,7 @@ export default function ChartsContinuousGradient(props) {
       if (x === undefined) {
         return null;
       }
-      const offset = isReveresed ? 1 - x / size : x / size;
+      const offset = isReversed ? 1 - x / size : x / size;
       const color = colorScale(value);
       if (color === null) {
         return null;

package/modern/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function ChartsPiecewiseGradient(props) {
   const {
-    isReveresed,
+    isReversed,
     gradientId,
     size,
     direction,
@@ -15,7 +15,7 @@ export default function ChartsPiecewiseGradient(props) {
     x2: "0",
     y1: "0",
     y2: "0",
-    [`${direction}${isReveresed ? 1 : 2}`]: `${size}px`,
+    [`${direction}${isReversed ? 1 : 2}`]: `${size}px`,
     gradientUnits: "userSpaceOnUse" // Use the SVG coordinate instead of the component ones.
     ,
     children: colorMap.thresholds.map((threshold, index) => {
@@ -23,7 +23,7 @@ export default function ChartsPiecewiseGradient(props) {
       if (x === undefined) {
         return null;
       }
-      const offset = isReveresed ? 1 - x / size : x / size;
+      const offset = isReversed ? 1 - x / size : x / size;
       return /*#__PURE__*/_jsxs(React.Fragment, {
         children: [/*#__PURE__*/_jsx("stop", {
           offset: offset,

package/modern/internals/utils.js

@@ -4,7 +4,7 @@ export function getSymbol(shape) {
   return symbolNames.indexOf(shape) || 0;
 }
 /**
- * Transform mouse event position to corrdinates inside the SVG.
+ * Transform mouse event position to coordinates inside the SVG.
  * @param svg The SVG element
  * @param event The mouseEvent to transform
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "7.3.1",
+  "version": "7.3.2",
   "description": "The community edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",