@mui/x-charts-premium 9.0.3 → 9.0.4

package/BarChartPremium/RangeBar/FocusedRangeBar.js

@@ -30,6 +30,9 @@ function FocusedRangeBar(props) {
     return null;
   }
   const series = rangeBarSeries.series[focusedItem.seriesId];
+  if (!series || series.hidden) {
+    return null;
+  }
   if (series.data[focusedItem.dataIndex] == null) {
     // Handle missing data
     return null;

package/BarChartPremium/RangeBar/FocusedRangeBar.mjs

@@ -23,6 +23,9 @@ export function FocusedRangeBar(props) {
     return null;
   }
   const series = rangeBarSeries.series[focusedItem.seriesId];
+  if (!series || series.hidden) {
+    return null;
+  }
   if (series.data[focusedItem.dataIndex] == null) {
     // Handle missing data
     return null;

package/CHANGELOG.md

@@ -1,5 +1,92 @@
 # Changelog
 
+## 9.0.4
+
+_Apr 28, 2026_
+
+We'd like to extend a big thank you to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- Fix Pickers previous (v9.0.3) release ensuring the latest `@mui/x-internals` version usage
+
+The following team members contributed to this release:
+@alexfauquette, @JCQuintas, @LukasTy, @mj12albert
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.4`
+
+Internal changes.
+
+#### `@mui/x-data-grid-pro@9.0.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.0.4`.
+
+#### `@mui/x-data-grid-premium@9.0.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.0.4`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.4`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.0.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.0.4`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.4`
+
+- [charts] Exclude hidden series and items from keyboard navigation (alt approach) (#22221) @JCQuintas
+- [charts] Fix line interaction with `area` and `conectNulls` (#22227) @alexfauquette
+- [charts] Implement the continuous case of `getAxisIndex` for rotation axis (#22230) @alexfauquette
+
+#### `@mui/x-charts-pro@9.0.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.0.4`.
+
+#### `@mui/x-charts-premium@9.0.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.0.4` plus:
+
+- [charts-premium] Add `showMark` and `shape` properties to radial line (#22226) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.4`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.0.4`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.4`
+
+Internal changes.
+
+#### `@mui/x-scheduler-premium@9.0.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.4`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.4`
+
+Internal changes.
+
+### Docs
+
+- [docs] Update WCAG links (#22234) @mj12albert
+
+### Core
+
+- [code-infra] Avoid overriding `renovate` `ignoredPaths` (#22228) @LukasTy
+
 ## 9.0.3
 
 _Apr 27, 2026_

package/ChartsDataProviderPremium/ChartsDataProviderPremium.js

@@ -19,8 +19,8 @@ var _useChartsDataProviderPremiumProps = require("./useChartsDataProviderPremium
 var _seriesConfig2 = require("../CandlestickChart/seriesConfig");
 var _jsxRuntime = require("react/jsx-runtime");
 const packageInfo = {
-  releaseDate: "MTc3NzI0ODAwMDAwMA==",
-  version: "9.0.3",
+  releaseDate: "MTc3NzMzNDQwMDAwMA==",
+  version: "9.0.4",
   name: 'x-charts-premium'
 };
 const defaultSeriesConfigPremium = exports.defaultSeriesConfigPremium = (0, _extends2.default)({}, _internals2.defaultSeriesConfigPro, {

package/ChartsDataProviderPremium/ChartsDataProviderPremium.mjs

@@ -13,8 +13,8 @@ import { useChartsDataProviderPremiumProps } from "./useChartsDataProviderPremiu
 import { ohlcSeriesConfig } from "../CandlestickChart/seriesConfig/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const packageInfo = {
-  releaseDate: "MTc3NzI0ODAwMDAwMA==",
-  version: "9.0.3",
+  releaseDate: "MTc3NzMzNDQwMDAwMA==",
+  version: "9.0.4",
   name: 'x-charts-premium'
 };
 export const defaultSeriesConfigPremium = _extends({}, defaultSeriesConfigPro, {

package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.js

@@ -18,8 +18,8 @@ var _useChartsRadialDataProviderPremiumProps = require("./useChartsRadialDataPro
 var _ChartsRadialDataProviderPremium = require("./ChartsRadialDataProviderPremium.plugins");
 var _jsxRuntime = require("react/jsx-runtime");
 const packageInfo = {
-  releaseDate: "MTc3NzI0ODAwMDAwMA==",
-  version: "9.0.3",
+  releaseDate: "MTc3NzMzNDQwMDAwMA==",
+  version: "9.0.4",
   name: 'x-charts-premium'
 };
 /**

package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.mjs

@@ -11,8 +11,8 @@ import { useChartsRadialDataProviderPremiumProps } from "./useChartsRadialDataPr
 import { RADIAL_PREMIUM_PLUGINS } from "./ChartsRadialDataProviderPremium.plugins.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const packageInfo = {
-  releaseDate: "MTc3NzI0ODAwMDAwMA==",
-  version: "9.0.3",
+  releaseDate: "MTc3NzMzNDQwMDAwMA==",
+  version: "9.0.4",
   name: 'x-charts-premium'
 };
 /**

package/HeatmapPremium/webgl/shaders.d.mts

@@ -1,3 +1,3 @@
-export declare const heatmapVertexShaderSource = "\n    precision mediump float;\n    \n    attribute vec2 a_position;\n    attribute vec2 a_center;\n    attribute vec4 a_color;\n    attribute float a_saturation;\n    \n    varying vec4 v_color;\n    varying vec2 v_pos;\n    \n    uniform vec2 u_dimensions;\n    uniform vec2 u_resolution;\n    \n    // https://tsev.dev/posts/2020-06-19-colour-correction-with-webgl/\n    vec3 adjust_saturation(vec3 color, float value) {\n      // https://www.w3.org/TR/WCAG21/#dfn-relative-luminance\n      const vec3 luminosityFactor = vec3(0.2126, 0.7152, 0.0722);\n      vec3 grayscale = vec3(dot(color, luminosityFactor));\n    \n      return mix(grayscale, color, 1.0 + value);\n    }\n    \n    void main() {\n      // Convert from pixels to clip space (-1 to 1)\n      vec2 position = a_center + a_position * u_dimensions / 2.0;\n      vec2 clipSpace = (position / u_resolution) * 2.0 - 1.0;\n      gl_Position = vec4(clipSpace * vec2(1, -1), 0, 1);\n      \n      v_color = vec4(adjust_saturation(a_color.rgb, a_saturation), 1.0);\n      v_pos = a_position * u_dimensions / 2.0;\n    }\n  ";
+export declare const heatmapVertexShaderSource = "\n    precision mediump float;\n    \n    attribute vec2 a_position;\n    attribute vec2 a_center;\n    attribute vec4 a_color;\n    attribute float a_saturation;\n    \n    varying vec4 v_color;\n    varying vec2 v_pos;\n    \n    uniform vec2 u_dimensions;\n    uniform vec2 u_resolution;\n    \n    // https://tsev.dev/posts/2020-06-19-colour-correction-with-webgl/\n    vec3 adjust_saturation(vec3 color, float value) {\n      // https://www.w3.org/TR/WCAG22/#dfn-relative-luminance\n      const vec3 luminosityFactor = vec3(0.2126, 0.7152, 0.0722);\n      vec3 grayscale = vec3(dot(color, luminosityFactor));\n    \n      return mix(grayscale, color, 1.0 + value);\n    }\n    \n    void main() {\n      // Convert from pixels to clip space (-1 to 1)\n      vec2 position = a_center + a_position * u_dimensions / 2.0;\n      vec2 clipSpace = (position / u_resolution) * 2.0 - 1.0;\n      gl_Position = vec4(clipSpace * vec2(1, -1), 0, 1);\n      \n      v_color = vec4(adjust_saturation(a_color.rgb, a_saturation), 1.0);\n      v_pos = a_position * u_dimensions / 2.0;\n    }\n  ";
 export declare const heatmapFragmentShaderSourceNoBorderRadius = "\n    precision mediump float;\n    \n    varying vec4 v_color;\n    \n    void main() {\n      gl_FragColor = v_color;\n    }\n  ";
 export declare const heatmapFragmentShaderSourceWithBorderRadius = "\n    precision mediump float;\n\n    varying vec4 v_color;\n    varying vec2 v_pos;\n\n    uniform vec2 u_dimensions;\n    uniform float u_borderRadius;\n\n    float roundedBoxSDF(vec2 pos, vec2 half_size, float radius) {\n      vec2 q = abs(pos) - half_size + radius;\n      return min(max(q.x, q.y), 0.0) + length(max(q, 0.0)) - radius;\n    }\n\n    void main() {\n      // Calculate distance from rounded rectangle edge\n      float dist = roundedBoxSDF(v_pos, u_dimensions / 2.0, u_borderRadius);\n      \n      // Create smooth alpha based on distance\n      float alpha = 1.0 - smoothstep(-0.5, 0.5, dist);\n      \n      gl_FragColor = vec4(v_color.rgb, v_color.a * alpha);\n    }\n  ";

package/HeatmapPremium/webgl/shaders.d.ts

@@ -1,3 +1,3 @@
-export declare const heatmapVertexShaderSource = "\n    precision mediump float;\n    \n    attribute vec2 a_position;\n    attribute vec2 a_center;\n    attribute vec4 a_color;\n    attribute float a_saturation;\n    \n    varying vec4 v_color;\n    varying vec2 v_pos;\n    \n    uniform vec2 u_dimensions;\n    uniform vec2 u_resolution;\n    \n    // https://tsev.dev/posts/2020-06-19-colour-correction-with-webgl/\n    vec3 adjust_saturation(vec3 color, float value) {\n      // https://www.w3.org/TR/WCAG21/#dfn-relative-luminance\n      const vec3 luminosityFactor = vec3(0.2126, 0.7152, 0.0722);\n      vec3 grayscale = vec3(dot(color, luminosityFactor));\n    \n      return mix(grayscale, color, 1.0 + value);\n    }\n    \n    void main() {\n      // Convert from pixels to clip space (-1 to 1)\n      vec2 position = a_center + a_position * u_dimensions / 2.0;\n      vec2 clipSpace = (position / u_resolution) * 2.0 - 1.0;\n      gl_Position = vec4(clipSpace * vec2(1, -1), 0, 1);\n      \n      v_color = vec4(adjust_saturation(a_color.rgb, a_saturation), 1.0);\n      v_pos = a_position * u_dimensions / 2.0;\n    }\n  ";
+export declare const heatmapVertexShaderSource = "\n    precision mediump float;\n    \n    attribute vec2 a_position;\n    attribute vec2 a_center;\n    attribute vec4 a_color;\n    attribute float a_saturation;\n    \n    varying vec4 v_color;\n    varying vec2 v_pos;\n    \n    uniform vec2 u_dimensions;\n    uniform vec2 u_resolution;\n    \n    // https://tsev.dev/posts/2020-06-19-colour-correction-with-webgl/\n    vec3 adjust_saturation(vec3 color, float value) {\n      // https://www.w3.org/TR/WCAG22/#dfn-relative-luminance\n      const vec3 luminosityFactor = vec3(0.2126, 0.7152, 0.0722);\n      vec3 grayscale = vec3(dot(color, luminosityFactor));\n    \n      return mix(grayscale, color, 1.0 + value);\n    }\n    \n    void main() {\n      // Convert from pixels to clip space (-1 to 1)\n      vec2 position = a_center + a_position * u_dimensions / 2.0;\n      vec2 clipSpace = (position / u_resolution) * 2.0 - 1.0;\n      gl_Position = vec4(clipSpace * vec2(1, -1), 0, 1);\n      \n      v_color = vec4(adjust_saturation(a_color.rgb, a_saturation), 1.0);\n      v_pos = a_position * u_dimensions / 2.0;\n    }\n  ";
 export declare const heatmapFragmentShaderSourceNoBorderRadius = "\n    precision mediump float;\n    \n    varying vec4 v_color;\n    \n    void main() {\n      gl_FragColor = v_color;\n    }\n  ";
 export declare const heatmapFragmentShaderSourceWithBorderRadius = "\n    precision mediump float;\n\n    varying vec4 v_color;\n    varying vec2 v_pos;\n\n    uniform vec2 u_dimensions;\n    uniform float u_borderRadius;\n\n    float roundedBoxSDF(vec2 pos, vec2 half_size, float radius) {\n      vec2 q = abs(pos) - half_size + radius;\n      return min(max(q.x, q.y), 0.0) + length(max(q, 0.0)) - radius;\n    }\n\n    void main() {\n      // Calculate distance from rounded rectangle edge\n      float dist = roundedBoxSDF(v_pos, u_dimensions / 2.0, u_borderRadius);\n      \n      // Create smooth alpha based on distance\n      float alpha = 1.0 - smoothstep(-0.5, 0.5, dist);\n      \n      gl_FragColor = vec4(v_color.rgb, v_color.a * alpha);\n    }\n  ";

package/HeatmapPremium/webgl/shaders.js

@@ -21,7 +21,7 @@ const heatmapVertexShaderSource = exports.heatmapVertexShaderSource = /* glsl */
     
     // https://tsev.dev/posts/2020-06-19-colour-correction-with-webgl/
     vec3 adjust_saturation(vec3 color, float value) {
-      // https://www.w3.org/TR/WCAG21/#dfn-relative-luminance
+      // https://www.w3.org/TR/WCAG22/#dfn-relative-luminance
       const vec3 luminosityFactor = vec3(0.2126, 0.7152, 0.0722);
       vec3 grayscale = vec3(dot(color, luminosityFactor));
     

package/HeatmapPremium/webgl/shaders.mjs

@@ -15,7 +15,7 @@ export const heatmapVertexShaderSource = /* glsl */`
     
     // https://tsev.dev/posts/2020-06-19-colour-correction-with-webgl/
     vec3 adjust_saturation(vec3 color, float value) {
-      // https://www.w3.org/TR/WCAG21/#dfn-relative-luminance
+      // https://www.w3.org/TR/WCAG22/#dfn-relative-luminance
       const vec3 luminosityFactor = vec3(0.2126, 0.7152, 0.0722);
       vec3 grayscale = vec3(dot(color, luminosityFactor));
     

package/RadialLineChart/RadialMarkPlot.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RadialMarkPlot = RadialMarkPlot;
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _styles = require("@mui/material/styles");
+var _internals = require("@mui/x-charts/internals");
 var _useRadialLinePlotData = require("./useRadialLinePlotData");
 var _radialLineClasses = require("./radialLineClasses");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -26,21 +28,33 @@ function RadialMarkPlot(props) {
       points,
       seriesId,
       color,
-      hidden
+      hidden,
+      showMark,
+      shape
     }) => {
+      if (!showMark) {
+        return null;
+      }
+      const path = shape === 'circle' ? null : (0, _d3Shape.symbol)(_d3Shape.symbolsFill[(0, _internals.getSymbol)(shape)])();
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
         "data-series": seriesId,
         children: points.map(({
           x,
           y,
           dataIndex
-        }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+        }) => shape === 'circle' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
           cx: x,
           cy: y,
           r: 4,
           fill: color,
           opacity: hidden ? 0 : 1,
           className: classes.mark
+        }, dataIndex) : /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: path,
+          transform: `translate(${x}, ${y})`,
+          fill: color,
+          opacity: hidden ? 0 : 1,
+          className: classes.mark
         }, dataIndex))
       }, seriesId);
     })

package/RadialLineChart/RadialMarkPlot.mjs

@@ -1,4 +1,6 @@
+import { symbol as d3Symbol, symbolsFill as d3SymbolsFill } from '@mui/x-charts-vendor/d3-shape';
 import { styled } from '@mui/material/styles';
+import { getSymbol } from '@mui/x-charts/internals';
 import { useRadialLinePlotData } from "./useRadialLinePlotData.mjs";
 import { useUtilityClasses } from "./radialLineClasses.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -20,21 +22,33 @@ export function RadialMarkPlot(props) {
       points,
       seriesId,
       color,
-      hidden
+      hidden,
+      showMark,
+      shape
     }) => {
+      if (!showMark) {
+        return null;
+      }
+      const path = shape === 'circle' ? null : d3Symbol(d3SymbolsFill[getSymbol(shape)])();
       return /*#__PURE__*/_jsx("g", {
         "data-series": seriesId,
         children: points.map(({
           x,
           y,
           dataIndex
-        }) => /*#__PURE__*/_jsx("circle", {
+        }) => shape === 'circle' ? /*#__PURE__*/_jsx("circle", {
           cx: x,
           cy: y,
           r: 4,
           fill: color,
           opacity: hidden ? 0 : 1,
           className: classes.mark
+        }, dataIndex) : /*#__PURE__*/_jsx("path", {
+          d: path,
+          transform: `translate(${x}, ${y})`,
+          fill: color,
+          opacity: hidden ? 0 : 1,
+          className: classes.mark
         }, dataIndex))
       }, seriesId);
     })

package/RadialLineChart/useRadialLinePlotData.d.mts

@@ -1,4 +1,4 @@
-import { type CurveType, type SeriesId } from '@mui/x-charts/models';
+import { type CurveType, type MarkShape, type SeriesId } from '@mui/x-charts/models';
 export interface RadialLinePoint {
   x: number;
   y: number;
@@ -12,6 +12,8 @@ interface RadialLinePlotDataPoint {
   seriesId: SeriesId;
   color: string;
   hidden: boolean;
+  showMark: boolean;
+  shape: MarkShape;
   area?: boolean;
   curve?: CurveType;
 }

package/RadialLineChart/useRadialLinePlotData.d.ts

@@ -1,4 +1,4 @@
-import { type CurveType, type SeriesId } from '@mui/x-charts/models';
+import { type CurveType, type MarkShape, type SeriesId } from '@mui/x-charts/models';
 export interface RadialLinePoint {
   x: number;
   y: number;
@@ -12,6 +12,8 @@ interface RadialLinePlotDataPoint {
   seriesId: SeriesId;
   color: string;
   hidden: boolean;
+  showMark: boolean;
+  shape: MarkShape;
   area?: boolean;
   curve?: CurveType;
 }

package/RadialLineChart/useRadialLinePlotData.js

@@ -39,6 +39,7 @@ function useRadialLinePlotData() {
           hidden,
           area = false,
           curve,
+          shape,
           rotationAxisId = rotationAxisIds[0],
           radiusAxisId = radiusAxisIds[0]
         } = series[seriesId];
@@ -69,6 +70,8 @@ function useRadialLinePlotData() {
           points,
           seriesId,
           hidden,
+          showMark: Boolean(series[seriesId].showMark),
+          shape: shape ?? 'circle',
           area,
           curve
         });

package/RadialLineChart/useRadialLinePlotData.mjs

@@ -32,6 +32,7 @@ export function useRadialLinePlotData() {
           hidden,
           area = false,
           curve,
+          shape,
           rotationAxisId = rotationAxisIds[0],
           radiusAxisId = radiusAxisIds[0]
         } = series[seriesId];
@@ -62,6 +63,8 @@ export function useRadialLinePlotData() {
           points,
           seriesId,
           hidden,
+          showMark: Boolean(series[seriesId].showMark),
+          shape: shape ?? 'circle',
           area,
           curve
         });

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-premium v9.0.3
+ * @mui/x-charts-premium v9.0.4
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-premium v9.0.3
+ * @mui/x-charts-premium v9.0.4
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-premium",
-  "version": "9.0.3",
+  "version": "9.0.4",
   "author": "MUI Team",
   "description": "The Premium plan edition of the MUI X Charts components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -31,11 +31,11 @@
     "@mui/utils": "9.0.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-charts-pro": "^9.0.3",
-    "@mui/x-internals": "^9.0.0",
-    "@mui/x-charts": "^9.0.3",
-    "@mui/x-license": "^9.0.2",
-    "@mui/x-charts-vendor": "^9.0.0"
+    "@mui/x-charts": "^9.0.4",
+    "@mui/x-license": "^9.0.4",
+    "@mui/x-charts-vendor": "^9.0.0",
+    "@mui/x-internals": "^9.0.4",
+    "@mui/x-charts-pro": "^9.0.4"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",