@mui/x-charts 9.5.0 → 9.6.0

package/internals/plugins/featurePlugins/useGeoProjection/useGeoProjection.types.mjs

@@ -0,0 +1 @@
+export {};

package/internals/resolveColorProcessor.js

@@ -19,11 +19,8 @@ function resolveColorProcessor(params) {
         return series.color;
       }
       const value = series.data[dataIndex];
-      const color = value === null ? getSeriesColor({
-        value,
-        dataIndex
-      }) : valueColorScale(value);
-      if (color === null) {
+      const color = valueColorScale(value);
+      if (typeof color !== 'string') {
         return getSeriesColor({
           value,
           dataIndex
@@ -42,8 +39,8 @@ function resolveColorProcessor(params) {
         value: series.data[dataIndex],
         dataIndex
       };
-      const color = value === null ? getSeriesColor(fallbackValue) : categoryColorScale(value);
-      if (color === null) {
+      const color = categoryColorScale(value);
+      if (typeof color !== 'string') {
         return getSeriesColor(fallbackValue);
       }
       return color;

package/internals/resolveColorProcessor.mjs

@@ -13,11 +13,8 @@ export function resolveColorProcessor(params) {
         return series.color;
       }
       const value = series.data[dataIndex];
-      const color = value === null ? getSeriesColor({
-        value,
-        dataIndex
-      }) : valueColorScale(value);
-      if (color === null) {
+      const color = valueColorScale(value);
+      if (typeof color !== 'string') {
         return getSeriesColor({
           value,
           dataIndex
@@ -36,8 +33,8 @@ export function resolveColorProcessor(params) {
         value: series.data[dataIndex],
         dataIndex
       };
-      const color = value === null ? getSeriesColor(fallbackValue) : categoryColorScale(value);
-      if (color === null) {
+      const color = categoryColorScale(value);
+      if (typeof color !== 'string') {
         return getSeriesColor(fallbackValue);
       }
       return color;

package/models/axis.d.mts

@@ -167,8 +167,13 @@ type AxisSideConfig<AxisProps extends ChartsCartesianAxisProps> = {
    */
   width?: AxisProps extends ChartsYAxisProps ? number | 'auto' : never;
 };
-export interface ChartsRotationAxisProps extends ChartsAxisProps {
+export interface ChartsRotationAxisProps extends Omit<ChartsAxisProps, 'slots' | 'slotProps'> {
   axis?: 'rotation';
+  /**
+   * If true, the tick labels are not rendered.
+   * @default false
+   */
+  disableTickLabel?: boolean;
   /**
    * The start angle (in deg).
    */
@@ -204,16 +209,27 @@ export interface ChartsRotationAxisProps extends ChartsAxisProps {
    */
   classes?: Partial<ChartsRadialAxisClasses>;
 }
-export interface ChartsRadiusAxisProps extends ChartsAxisProps {
+export interface ChartsRadiusAxisProps extends Omit<ChartsAxisProps, 'slots' | 'slotProps'> {
   axis?: 'radius';
+  /**
+   * If true, the tick labels are not rendered.
+   * @default false
+   */
+  disableTickLabel?: boolean;
   /**
    * The minimal radius.
+   * Can be a number (in pixels), a pixel string (for example `'20px'`), or a percentage string
+   * (for example `'20%'`) relative to the available radius (half the smallest side of the drawing area).
+   * @default 0
    */
-  minRadius?: number;
+  minRadius?: number | string;
   /**
    * The maximal radius.
+   * Can be a number (in pixels), a pixel string (for example `'80px'`), or a percentage string
+   * (for example `'80%'`) relative to the available radius (half the smallest side of the drawing area).
+   * @default '100%'
    */
-  maxRadius?: number;
+  maxRadius?: number | string;
   /**
    * The position of the axis in polar coordinates.
    * It can be 'start', 'end', or a specific angle in degrees.

package/models/axis.d.ts

@@ -167,8 +167,13 @@ type AxisSideConfig<AxisProps extends ChartsCartesianAxisProps> = {
    */
   width?: AxisProps extends ChartsYAxisProps ? number | 'auto' : never;
 };
-export interface ChartsRotationAxisProps extends ChartsAxisProps {
+export interface ChartsRotationAxisProps extends Omit<ChartsAxisProps, 'slots' | 'slotProps'> {
   axis?: 'rotation';
+  /**
+   * If true, the tick labels are not rendered.
+   * @default false
+   */
+  disableTickLabel?: boolean;
   /**
    * The start angle (in deg).
    */
@@ -204,16 +209,27 @@ export interface ChartsRotationAxisProps extends ChartsAxisProps {
    */
   classes?: Partial<ChartsRadialAxisClasses>;
 }
-export interface ChartsRadiusAxisProps extends ChartsAxisProps {
+export interface ChartsRadiusAxisProps extends Omit<ChartsAxisProps, 'slots' | 'slotProps'> {
   axis?: 'radius';
+  /**
+   * If true, the tick labels are not rendered.
+   * @default false
+   */
+  disableTickLabel?: boolean;
   /**
    * The minimal radius.
+   * Can be a number (in pixels), a pixel string (for example `'20px'`), or a percentage string
+   * (for example `'20%'`) relative to the available radius (half the smallest side of the drawing area).
+   * @default 0
    */
-  minRadius?: number;
+  minRadius?: number | string;
   /**
    * The maximal radius.
+   * Can be a number (in pixels), a pixel string (for example `'80px'`), or a percentage string
+   * (for example `'80%'`) relative to the available radius (half the smallest side of the drawing area).
+   * @default '100%'
    */
-  maxRadius?: number;
+  maxRadius?: number | string;
   /**
    * The position of the axis in polar coordinates.
    * It can be 'start', 'end', or a specific angle in degrees.

package/models/colorMapping.d.mts

@@ -14,6 +14,10 @@ export interface ContinuousColorConfig<Value = number | Date> {
    * The colors to render. It can be an array with the extremum colors, or an interpolation function.
    */
   color: readonly [string, string] | ((t: number) => string);
+  /**
+   * The color to use when an element is not part of the values.
+   */
+  unknownColor?: string;
 }
 export interface PiecewiseColorConfig<Value = number | Date> {
   type: 'piecewise';
@@ -26,6 +30,10 @@ export interface PiecewiseColorConfig<Value = number | Date> {
    * Should contain N+1 colors, where N is the number of thresholds.
    */
   colors: string[];
+  /**
+   * The color to use when an element is not part of the values.
+   */
+  unknownColor?: string;
 }
 export interface OrdinalColorConfig<Value = number | Date | string> {
   type: 'ordinal';

package/models/colorMapping.d.ts

@@ -14,6 +14,10 @@ export interface ContinuousColorConfig<Value = number | Date> {
    * The colors to render. It can be an array with the extremum colors, or an interpolation function.
    */
   color: readonly [string, string] | ((t: number) => string);
+  /**
+   * The color to use when an element is not part of the values.
+   */
+  unknownColor?: string;
 }
 export interface PiecewiseColorConfig<Value = number | Date> {
   type: 'piecewise';
@@ -26,6 +30,10 @@ export interface PiecewiseColorConfig<Value = number | Date> {
    * Should contain N+1 colors, where N is the number of thresholds.
    */
   colors: string[];
+  /**
+   * The color to use when an element is not part of the values.
+   */
+  unknownColor?: string;
 }
 export interface OrdinalColorConfig<Value = number | Date | string> {
   type: 'ordinal';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "9.5.0",
+  "version": "9.6.0",
   "author": "MUI Team",
   "description": "The community edition of MUI X Charts components.",
   "license": "MIT",
@@ -28,15 +28,15 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@mui/utils": "9.0.1",
+    "@mui/utils": "^9.0.1",
     "bezier-easing": "^3.0.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.2.0",
     "use-sync-external-store": "^1.6.0",
     "@mui/x-charts-vendor": "^9.4.0",
-    "@mui/x-internal-gestures": "^9.3.0",
-    "@mui/x-internals": "^9.1.0"
+    "@mui/x-internals": "^9.6.0",
+    "@mui/x-internal-gestures": "^9.6.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -705,6 +705,9 @@
       }
     }
   },
+  "imports": {
+    "#formatErrorMessage": "@mui/x-internals/formatErrorMessage"
+  },
   "main": "./index.js",
   "types": "./index.d.ts"
 }

package/hooks/useIsHydrated.d.mts

@@ -1,4 +0,0 @@
-/** Returns true after hydration is done on the client.
- *
- * Basically a implementation of Option 2 of this gist: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85#option-2-lazily-show-component-with-uselayouteffect. */
-export declare function useIsHydrated(): boolean;

package/hooks/useIsHydrated.d.ts

@@ -1,4 +0,0 @@
-/** Returns true after hydration is done on the client.
- *
- * Basically a implementation of Option 2 of this gist: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85#option-2-lazily-show-component-with-uselayouteffect. */
-export declare function useIsHydrated(): boolean;

package/hooks/useIsHydrated.js

@@ -1,19 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useIsHydrated = useIsHydrated;
-var React = _interopRequireWildcard(require("react"));
-/** Returns true after hydration is done on the client.
- *
- * Basically a implementation of Option 2 of this gist: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85#option-2-lazily-show-component-with-uselayouteffect. */
-function useIsHydrated() {
-  const [isHydrated, setIsHydrated] = React.useState(false);
-  React.useEffect(() => {
-    setIsHydrated(true);
-  }, []);
-  return isHydrated;
-}

package/hooks/useIsHydrated.mjs

@@ -1,14 +0,0 @@
-'use client';
-
-import * as React from 'react';
-
-/** Returns true after hydration is done on the client.
- *
- * Basically a implementation of Option 2 of this gist: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85#option-2-lazily-show-component-with-uselayouteffect. */
-export function useIsHydrated() {
-  const [isHydrated, setIsHydrated] = React.useState(false);
-  React.useEffect(() => {
-    setIsHydrated(true);
-  }, []);
-  return isHydrated;
-}