@mui/x-charts-premium 9.3.0 → 9.5.0

package/BarChartPremium/webgl/useWebGLBarLikePlotData.mjs

@@ -0,0 +1,222 @@
+'use client';
+
+import * as React from 'react';
+import { selectorChartsHighlightStateCallback, useStore } from '@mui/x-charts/internals';
+import { parseColor } from "../../utils/webgl/parseColor.mjs";
+const EMPTY_FLOAT32 = new Float32Array(0);
+const EMPTY_UINT8 = new Uint8Array(0);
+const EMPTY_DATA = {
+  centers: EMPTY_FLOAT32,
+  halfSizes: EMPTY_FLOAT32,
+  colors: EMPTY_UINT8,
+  cornerRadii: EMPTY_FLOAT32,
+  count: 0
+};
+function ensureCapacity(pool, maxCount) {
+  if (pool !== null && pool.colors.length >= maxCount * 4) {
+    return pool;
+  }
+  return {
+    centers: new Float32Array(maxCount * 2),
+    halfSizes: new Float32Array(maxCount * 2),
+    colors: new Uint8Array(maxCount * 4),
+    cornerRadii: new Float32Array(maxCount * 4)
+  };
+}
+
+// Mirrors SVG highlight styling: highlighted -> CSS `brightness(120%)`,
+// faded -> opacity 0.3. Baking these into the per-bar color array means we
+// don't need a separate per-instance attribute on the GPU side.
+const HIGHLIGHTED_BRIGHTNESS = 1.2;
+const FADED_OPACITY = 0.3;
+// Gaps below this (CSS px) get filled by expanding band half-size to half the
+// step, avoiding sub-pixel hairlines from the rasterizer.
+const GAP_FILL_THRESHOLD_PX = 1;
+// Floor to keep thin quads from falling between pixel centers and getting
+// culled at extreme zoom-out.
+const MIN_BAND_HALF_SIZE_PX = 0.5;
+function setCornerRadii(radius, side, fullRounded, target, offset) {
+  // CSS order: top-left, top-right, bottom-right, bottom-left.
+  let tl = 0;
+  let tr = 0;
+  let br = 0;
+  let bl = 0;
+  if (radius > 0) {
+    if (fullRounded) {
+      tl = radius;
+      tr = radius;
+      br = radius;
+      bl = radius;
+    } else if (side === 'top') {
+      tl = radius;
+      tr = radius;
+    } else if (side === 'bottom') {
+      br = radius;
+      bl = radius;
+    } else if (side === 'left') {
+      tl = radius;
+      bl = radius;
+    } else if (side === 'right') {
+      tr = radius;
+      br = radius;
+    }
+  }
+  target[offset] = tl;
+  target[offset + 1] = tr;
+  target[offset + 2] = br;
+  target[offset + 3] = bl;
+}
+export function useWebGLBarLikePlotData(drawingArea, completedData, borderRadius, options) {
+  const store = useStore();
+  const getHighlightState = store.use(selectorChartsHighlightStateCallback);
+  const poolRef = React.useRef(null);
+  const {
+    highlightType,
+    fullRoundedCorners = false
+  } = options;
+  return React.useMemo(() => {
+    let maxCount = 0;
+    for (let s = 0; s < completedData.length; s += 1) {
+      maxCount += completedData[s].data.length;
+    }
+    if (maxCount === 0) {
+      return EMPTY_DATA;
+    }
+    const pool = ensureCapacity(poolRef.current, maxCount);
+    poolRef.current = pool;
+
+    // Hoist invariants out of the hot loop.
+    const {
+      centers,
+      halfSizes,
+      colors,
+      cornerRadii
+    } = pool;
+    const drawingAreaLeft = drawingArea.left;
+    const drawingAreaTop = drawingArea.top;
+    let cursor = 0;
+    for (let seriesIndex = 0; seriesIndex < completedData.length; seriesIndex += 1) {
+      const processed = completedData[seriesIndex];
+      const seriesId = processed.seriesId;
+      const data = processed.data;
+      const dataLength = data.length;
+      const bandIsY = processed.layout === 'horizontal';
+
+      // `hidden` is series-level (mirrored onto every bar by useBarPlotData);
+      // peek at the first bar to skip the whole series.
+      if (dataLength === 0 || data[0].hidden) {
+        continue;
+      }
+
+      // Probe 1 = bar size; probe 2 = center-to-center step. Track dataIndex
+      // so null bars between probes don't inflate the step.
+      let probe = null;
+      let probeIndex = 0;
+      let probe2 = null;
+      let probe2Index = 0;
+      for (let i = 0; i < dataLength; i += 1) {
+        const candidate = data[i];
+        if (candidate.value != null && candidate.width > 0 && candidate.height > 0) {
+          if (probe === null) {
+            probe = candidate;
+            probeIndex = i;
+          } else {
+            probe2 = candidate;
+            probe2Index = i;
+            break;
+          }
+        }
+      }
+      if (probe === null) {
+        continue;
+      }
+
+      // Round to whole pixels so the rendered half-size stays stable across
+      // zoom steps; sub-pixel jitter causes an "accordion" effect.
+      const rawBarSize = bandIsY ? probe.height : probe.width;
+      const barSize = Math.round(rawBarSize);
+      let step;
+      if (probe2 === null) {
+        step = barSize;
+      } else {
+        const indexGap = probe2Index - probeIndex;
+        const span = bandIsY ? probe2.y - probe.y : probe2.x - probe.x;
+        step = span / indexGap;
+      }
+      // Use the linear lower bound of the gap (`step - rawBarSize - 0.5`)
+      // rather than `step - barSize`: rounding makes the discrete gap jump by
+      // 1px at zoom boundaries, flipping `fillGap` and causing visible
+      // oscillation. The lower bound is continuous in zoom.
+      const gapLowerBound = step - rawBarSize - 0.5;
+      const fillGap = gapLowerBound > 0 && gapLowerBound < GAP_FILL_THRESHOLD_PX;
+      let bandHalfRender = fillGap ? step * 0.5 : barSize * 0.5;
+      if (bandHalfRender < MIN_BAND_HALF_SIZE_PX) {
+        bandHalfRender = MIN_BAND_HALF_SIZE_PX;
+      }
+      for (let i = 0; i < dataLength; i += 1) {
+        const bar = data[i];
+        const value = bar.value;
+        if (value == null) {
+          continue;
+        }
+        const w = bar.width;
+        const h = bar.height;
+        if (w <= 0 || h <= 0) {
+          continue;
+        }
+        const halfW = w * 0.5;
+        const halfH = h * 0.5;
+        // Value axis stays exact; band axis uses the per-series override.
+        const renderHalfW = bandIsY ? halfW : bandHalfRender;
+        const renderHalfH = bandIsY ? bandHalfRender : halfH;
+        const c2 = cursor * 2;
+        centers[c2] = bar.x + halfW - drawingAreaLeft;
+        centers[c2 + 1] = bar.y + halfH - drawingAreaTop;
+        halfSizes[c2] = renderHalfW;
+        halfSizes[c2 + 1] = renderHalfH;
+        const rgba = parseColor(bar.color);
+        const c4 = cursor * 4;
+        let r = rgba[0];
+        let g = rgba[1];
+        let b = rgba[2];
+        let a = rgba[3];
+        const highlightState = getHighlightState({
+          type: highlightType,
+          seriesId,
+          dataIndex: bar.dataIndex
+        });
+        if (highlightState === 'highlighted') {
+          r = Math.min(255, r * HIGHLIGHTED_BRIGHTNESS);
+          g = Math.min(255, g * HIGHLIGHTED_BRIGHTNESS);
+          b = Math.min(255, b * HIGHLIGHTED_BRIGHTNESS);
+        } else if (highlightState === 'faded') {
+          a *= FADED_OPACITY;
+        }
+        colors[c4] = r;
+        colors[c4 + 1] = g;
+        colors[c4 + 2] = b;
+        colors[c4 + 3] = a;
+        const effectiveRadius = Math.min(borderRadius, halfW, halfH);
+        setCornerRadii(effectiveRadius, bar.borderRadiusSide, fullRoundedCorners, cornerRadii, c4);
+        cursor += 1;
+      }
+    }
+    if (cursor === 0) {
+      return EMPTY_DATA;
+    }
+
+    // Return fresh subarray views over the pooled buffers. New view refs each call
+    // (so React memoisation is correct and consumers can detect a change), but no
+    // new bytes allocated on the JS heap. The GPU upload short-circuits via the
+    // `lastUploaded === data` ref check on the program side when we hand the
+    // exact same view back across renders -- it won't fire here since each call
+    // produces a new view, but the contents have changed anyway in that case.
+    return {
+      centers: new Float32Array(centers.buffer, centers.byteOffset, cursor * 2),
+      halfSizes: new Float32Array(halfSizes.buffer, halfSizes.byteOffset, cursor * 2),
+      colors: new Uint8Array(colors.buffer, colors.byteOffset, cursor * 4),
+      cornerRadii: new Float32Array(cornerRadii.buffer, cornerRadii.byteOffset, cursor * 4),
+      count: cursor
+    };
+  }, [borderRadius, completedData, drawingArea.left, drawingArea.top, getHighlightState, highlightType, fullRoundedCorners]);
+}

package/CHANGELOG.md

@@ -1,5 +1,301 @@
 # Changelog
 
+## 9.5.0
+
+_Jun 11, 2026_
+
+We'd like to extend a big thank you to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 New [`multiSelect` column type for Data Grid Pro](https://mui.com/x/react-data-grid/column-definition/#MultiSelectColumn)
+- 🚀 New [renderer="svg-progressive"](https://mui.com/x/react-charts/scatter/#progressive-renderer) paints scatter points in batched frames so large datasets render smoothly without blocking the main thread.
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to community members @mustafajw07 and @Anexus5919 for their valuable contribution.
+
+The following team members contributed to this release:
+@alexfauquette, @JCQuintas, @rita-codes, @rluzists1, @sai6855, @siriwatknp, @arminmeh, @brijeshb42
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.5.0`
+
+- [DataGrid] Restrict warning messages to non-production environments in various components (#22461) @sai6855
+- [DataGrid] Prevent React state update before mount (#22374) @arminmeh
+
+#### `@mui/x-data-grid-pro@9.5.0` [![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.5.0`, plus:
+
+- [DataGridPro] Add new `multiSelect` column type (#21157) @siriwatknp
+
+#### `@mui/x-data-grid-premium@9.5.0` [![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.5.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.5.0`
+
+- [pickers] Fix missing export of `th-TH` (#22703) @alexfauquette
+
+#### `@mui/x-date-pickers-pro@9.5.0` [![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.5.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.5.0`
+
+- [charts] Add `FocusedBar` component to `BarScatterComposition` demo (#22704) @sai6855
+- [charts] Add dedicated Bubble Chart documentation page (#22688) @mustafajw07
+- [charts] Add progressive scatter renderer (#22518) @JCQuintas
+- [charts] Avoid full axis pipeline rebuild on resize (#22695) @JCQuintas
+- [charts] Document focus indicator in composition page (#22712) @JCQuintas
+- [charts] Fix `ChartsTooltip` `container` and `disablePortal` props being ignored (#22690) @JCQuintas
+- [charts] Make ordinal scales O(1) to copy and re-range (#22691) @JCQuintas
+- [charts] Stabilize WebGL bar rendering at sub-pixel widths (#22678) @JCQuintas
+- [charts] Use the series config to define value types (#22693) @sai6855
+- [charts] Decouple interaction hook from the cartesian zoom (#22708) @alexfauquette
+
+#### `@mui/x-charts-pro@9.5.0` [![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.5.0`, plus:
+
+- [charts-pro] Add missing focus highlight (#22689) @alexfauquette
+
+#### `@mui/x-charts-premium@9.5.0` [![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.5.0`, plus:
+
+- [charts-premium] Set `Heatmap` WebGL render as stable (#22665) @alexfauquette
+- [charts-premium] Stabilize candlestick charts (#22666) @alexfauquette
+- [charts-premium] Stabilize the radial charts (#22655) @alexfauquette
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.1`
+
+Internal changes.
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.1` [![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.0-beta.1`, plus:
+
+- [scheduler] Remove dead CSS variable writes in `EventTimelinePremiumContent` (#22720) @rita-codes
+- [scheduler] Show scope dialog when deleting a recurring event (#22552) @Anexus5919
+
+### Core
+
+- [docs-infra] Fix immutable cache headers for `/\_next/static` assets (#22747) @brijeshb42
+- [docs-infra] Prefix `/\_next/static` cache header rule with `/x` basePath (#22748) @brijeshb42
+- [code-infra] Update dependencies to resolve Dependabot security alerts (#22714) @Janpot
+
+### Docs
+
+- [docs] Fix broken links checker crashing on 404 known-targets fetch (#22707) @sai6855
+- [docs] Fix country data (#22716) @alexfauquette
+
+### Miscellaneous
+
+- [legal] Update EULA links in docs (#22717) @rluzists1
+
+## 9.4.0
+
+<!-- generated comparing v9.3.0..master -->
+
+_Jun 4, 2026_
+
+We'd like to extend a big thank you to the 21 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎉 Scheduler is now in Beta shipping with Timeline vitualization and lazy loading
+- 📆 Implement Event Timeline virtualization (#22339)
+- 🫧 Introduce bubble charts (#22537)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@imxv, @mixelburg, @mustafajw07
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @hasdfa, @Janpot, @JCQuintas, @joserodolfofreitas, @LukasTy, @MBilalShafi, @michelengelen, @mj12albert, @noraleonte, @oliviertassinari, @rita-codes, @romgrk, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.4.0`
+
+- [DataGrid] Fix `avg` aggregation when the average is zero (#22652) @mj12albert
+- [DataGrid] Inherit icon `fontSize` from `baseIconButton` size (#22187) @imxv
+- [DataGrid] Fix `noRowsOverlay` flicker between `dataSource` re-fetches (#22465) @LukasTy
+
+#### `@mui/x-data-grid-pro@9.4.0` [![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.4.0`.
+
+#### `@mui/x-data-grid-premium@9.4.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+> This release includes a version bump of the `@mui/x-internal-exceljs-fork` package to address the vulnerable dependencies.
+> The following CVEs are fixed:
+>
+> - <https://github.com/advisories/GHSA-ph9p-34f9-6g65>
+> - <https://github.com/isaacs/minimatch/security/advisories/GHSA-23c5-xmqv-rm74>
+> - <https://github.com/advisories/GHSA-w5hq-g745-h8pq>
+>
+> To make this security update possible, we bumped the `node` version requirement from `>=14.0.0` to `>=14.17.0`.
+> [Node.js 14.17.0](https://nodejs.org/en/blog/release/v14.17.0) was released in May 2021, so we consider it safe to bump the requirement without causing issues for our users.
+
+Same changes as in `@mui/x-data-grid-pro@9.4.0`, plus:
+
+- [DataGridPremium] Nested Lazy Loading (#21043) @MBilalShafi
+- [DataGridPremium] Update exceljs fork (#22658) @cherniavskii
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.4.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.4.0` [![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.4.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.4.0`
+
+- [charts] Add functionality to hide elements during chart export (#22525) @sai6855
+- [charts] Add option to show marks only on the first/last values (#22645) @alexfauquette
+- [charts] Add text customization section and demo for axis labels (#22597) @sai6855
+- [charts] Allow axes to scale according to the visible series only (#22566) @alexfauquette
+- [charts] Correctly handle different identifiers for each series (#22556) @sai6855
+- [charts] Fix inverted Y axis zoom/pan on ordinal scales (#22654) @JCQuintas
+- [charts] Introduce bubble charts (#22537) @alexfauquette
+- [charts] Let scatter chart tooltip ignore hidden series (#22614) @alexfauquette
+- [charts] Make `'sqrt'` size mapping the default (#22683) @alexfauquette
+- [charts] Remove unused proptypes (#22618) @alexfauquette
+- [charts] Support module augmentation for slots (#22519) @sai6855
+- [charts] Support multiple marker size in `findClosestPoint` (#22622) @alexfauquette
+- [charts] Upgrade bezier-easing to v3 and use it for line chart hit-detection (#22608) @sai6855
+- [charts] Use `useLayoutEffect` with `ResizeObserver` (#22646) @JCQuintas
+
+#### `@mui/x-charts-pro@9.4.0` [![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.4.0`, plus:
+
+- [charts-pro] Auto-select range button matching current zoom (#22137) @JCQuintas
+- [charts-pro] Support range values in `initialZoom` (#22563) @JCQuintas
+
+#### `@mui/x-charts-premium@9.4.0` [![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.4.0`, plus:
+
+- [charts-premium] Support range-bar series in WebGL bar renderer (#22607) @JCQuintas
+- [charts-premium] Fix `onAxisClick` for radial bar and lines (#22522) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@9.4.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.4.0` [![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.4.0`.
+
+### Scheduler
+
+#### Breaking changes
+
+The theme `styleOverrides` slots for the skeleton and the error container were
+renamed and unified. The CSS utility class names (for example
+`.MuiEventCalendar-eventSkeleton`) are **not** affected — only
+`theme.components.*` overrides need updating.
+
+**Event skeleton**
+
+| Before                                  | After                          |
+| --------------------------------------- | ------------------------------ |
+| `MuiEventCalendar` slot `EventSkeleton` | `MuiEventSkeleton` slot `Root` |
+| `MuiEventTimeline` slot `EventSkeleton` | `MuiEventSkeleton` slot `Root` |
+
+**Error container**
+
+| Before                                                        | After                                   |
+| ------------------------------------------------------------- | --------------------------------------- |
+| `MuiEventCalendar` / `MuiEventTimeline` slot `ErrorContainer` | `MuiEventErrorContainer` slot `Root`    |
+| `MuiEventCalendar` / `MuiEventTimeline` slot `ErrorAlert`     | `MuiEventErrorContainer` slot `Alert`   |
+| `MuiEventCalendar` / `MuiEventTimeline` slot `ErrorMessage`   | `MuiEventErrorContainer` slot `Message` |
+
+If you customized these through the theme, update the component name and slot
+names accordingly:
+
+```diff
+ components: {
+-  MuiEventCalendar: {
++  MuiEventSkeleton: {
+     styleOverrides: {
+-      EventSkeleton: { /* ... */ },
++      Root: { /* ... */ },
+     },
+    },
+  },
+ }
+```
+
+#### `@mui/x-scheduler@9.0.0-beta.0`
+
+- [scheduler] Add a prop to control whether the resource of an event can be cleared (#22464) @rita-codes
+- [scheduler] Add week number labels to agenda, day and week views (#22594) @mustafajw07
+- [scheduler] Add `weekStartsOn` preference and update date functions to support custom week start (#22426) @mustafajw07
+- [scheduler] Export premium version of the standalone views (#22621) @flaviendelangle
+- [scheduler] Implement timeline virtualization (#22339) @romgrk
+- [scheduler] Split scheduler overview (#22453) @joserodolfofreitas
+- [scheduler] Unify `EventSkeleton` and `ErrorContainer` between `EventCalendar` and `EventTimeline` (#22676) @noraleonte
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.0` [![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.0-beta.0`.
+
+### Docs
+
+- [docs] Add a performance docs page for charts (#22656) @alexfauquette
+- [docs] Add real dataset for maps documentation (#22599) @alexfauquette
+- [docs] Add spacing between selects on charts overview demo (#22589) @bernardobelchior
+- [docs] Reorganize existing chat docs navigation (#22478) @hasdfa
+- [docs] Switch to visionscarto's world atlas dataset (#22669) @cherniavskii
+- [docs] Update TreeView `domstructure` docs and add demo (#22420) @mj12albert
+- [docs] Fix indexation of Scheduler (#22567) @oliviertassinari
+- [docs] Fix wide layout on event timeline lazy loading and Import title (#22604) @rita-codes
+- [docs] Derive class name owners for shared charts classes (#22674) @JCQuintas
+
+### Core
+
+- [code-infra] Drop unused and now-transitive deps from docs/package.json (#22549) @LukasTy
+- [code-infra] Refresh CI Node pins to 22.22.3 (#22598) @LukasTy
+- [code-infra] Skip empty product sections in changelog (#22541) @rita-codes
+- [code-infra] Stabilize DataGridScrollRestoration visual regression test (#22553) @Janpot
+- [internal] Add license to the `x-data-grid-generator` (#22240) @arminmeh
+- [internal] Express default value for resource_class (#22569) @oliviertassinari
+- [internal] Fix use of ellipsis (#21852) @oliviertassinari
+- [internal] `useLayoutEffect` with `ResizeObserver` (#22428) @romgrk
+
+### Miscellaneous
+
+- [chat-headless] Add built-in chat adapters (#22479) @hasdfa
+- [chat-headless] Harden runtime model and message errors (#22480) @hasdfa
+- [core] Prepare for TypeScript 6 bump (#22551) @LukasTy
+- [core] Use CircleCI Gen2 resource classes (#22610) @LukasTy
+- [infra] Fix broken tag retrieval on `master` during release (#22174) @michelengelen
+- [infra] Group Base UI renovate updates (#22590) @LukasTy
+- [pnpm] Add security settings to pnpm-workspace.yaml (#22611) @Janpot
+- [release] Fix release PR scripts (#22680) @JCQuintas
+- [test] Add a Tree View regression test for lazy loading with getChildrenCount returning -1 (#22605) @mixelburg
+- [test] Disable LCD subpixel antialiasing in regression screenshots (#22602) @Janpot
+- [test] Fix flaky Data Grid Pro data source tree data tests (#22659) @LukasTy
+- [test] Remove stale form-submit TODO from e2e suite (#22564) @LukasTy
+- [x-license] Exclude test keys from the published npm package (#22647) @aemartos
+- [test] Fix flaky WebGL benchmark by polling for canvas content (#22535) @JCQuintas
+
 ## 9.3.0
 
 _May 21, 2026_

package/CandlestickChart/CandlestickChart.js

@@ -239,12 +239,21 @@ process.env.NODE_ENV !== "production" ? CandlestickChart.propTypes = {
   /**
    * The list of zoom data related to each axis.
    * Used to initialize the zoom in a specific configuration without controlling it.
+   *
+   * Each entry is either explicit zoom percentages (`{ axisId, start, end }`) or a
+   * range value (`{ axisId, value }`) resolved against the axis domain.
    */
-  initialZoom: _propTypes.default.arrayOf(_propTypes.default.shape({
+  initialZoom: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
     end: _propTypes.default.number.isRequired,
     start: _propTypes.default.number.isRequired
-  })),
+  }), _propTypes.default.shape({
+    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    value: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.instanceOf(Date).isRequired), _propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func, _propTypes.default.shape({
+      step: _propTypes.default.number,
+      unit: _propTypes.default.oneOf(['day', 'hour', 'microsecond', 'millisecond', 'minute', 'month', 'second', 'week', 'year']).isRequired
+    })])
+  })]).isRequired),
   /**
    * If `true`, a loading overlay is displayed.
    * @default false

package/CandlestickChart/CandlestickChart.mjs

@@ -231,12 +231,21 @@ process.env.NODE_ENV !== "production" ? CandlestickChart.propTypes = {
   /**
    * The list of zoom data related to each axis.
    * Used to initialize the zoom in a specific configuration without controlling it.
+   *
+   * Each entry is either explicit zoom percentages (`{ axisId, start, end }`) or a
+   * range value (`{ axisId, value }`) resolved against the axis domain.
    */
-  initialZoom: PropTypes.arrayOf(PropTypes.shape({
+  initialZoom: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
     axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
     end: PropTypes.number.isRequired,
     start: PropTypes.number.isRequired
-  })),
+  }), PropTypes.shape({
+    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.instanceOf(Date).isRequired), PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func, PropTypes.shape({
+      step: PropTypes.number,
+      unit: PropTypes.oneOf(['day', 'hour', 'microsecond', 'millisecond', 'minute', 'month', 'second', 'week', 'year']).isRequired
+    })])
+  })]).isRequired),
   /**
    * If `true`, a loading overlay is displayed.
    * @default false

package/CandlestickChart/index.d.mts

@@ -1,2 +1,11 @@
-export { CandlestickChart as Unstable_CandlestickChart, type CandlestickChartProps, type CandlestickChartSlots, type CandlestickChartSlotProps, type OHLCSeries } from "./CandlestickChart.mjs";
-export { CandlestickPlot as Unstable_CandlestickPlot, type CandlestickPlotProps } from "./CandlestickPlot.mjs";
+import { CandlestickPlot } from "./CandlestickPlot.mjs";
+/**
+ * @deprecated candlestick chart is now stable, import `ChartsCandlestickChart` instead
+ */
+export declare const Unstable_CandlestickChart: import("react").ForwardRefExoticComponent<import("./CandlestickChart.mjs").CandlestickChartProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * @deprecated candlestick plot is now stable, import `ChartsCandlestickPlot` instead
+ */
+export declare const Unstable_CandlestickPlot: typeof CandlestickPlot;
+export { CandlestickChart, type CandlestickChartProps, type CandlestickChartSlots, type CandlestickChartSlotProps, type OHLCSeries } from "./CandlestickChart.mjs";
+export { CandlestickPlot, type CandlestickPlotProps } from "./CandlestickPlot.mjs";

package/CandlestickChart/index.d.ts

@@ -1,2 +1,11 @@
-export { CandlestickChart as Unstable_CandlestickChart, type CandlestickChartProps, type CandlestickChartSlots, type CandlestickChartSlotProps, type OHLCSeries } from "./CandlestickChart.js";
-export { CandlestickPlot as Unstable_CandlestickPlot, type CandlestickPlotProps } from "./CandlestickPlot.js";
+import { CandlestickPlot } from "./CandlestickPlot.js";
+/**
+ * @deprecated candlestick chart is now stable, import `ChartsCandlestickChart` instead
+ */
+export declare const Unstable_CandlestickChart: import("react").ForwardRefExoticComponent<import("./CandlestickChart.js").CandlestickChartProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * @deprecated candlestick plot is now stable, import `ChartsCandlestickPlot` instead
+ */
+export declare const Unstable_CandlestickPlot: typeof CandlestickPlot;
+export { CandlestickChart, type CandlestickChartProps, type CandlestickChartSlots, type CandlestickChartSlotProps, type OHLCSeries } from "./CandlestickChart.js";
+export { CandlestickPlot, type CandlestickPlotProps } from "./CandlestickPlot.js";

package/CandlestickChart/index.js

@@ -3,17 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Unstable_CandlestickChart", {
+Object.defineProperty(exports, "CandlestickChart", {
   enumerable: true,
   get: function () {
     return _CandlestickChart.CandlestickChart;
   }
 });
-Object.defineProperty(exports, "Unstable_CandlestickPlot", {
+Object.defineProperty(exports, "CandlestickPlot", {
   enumerable: true,
   get: function () {
     return _CandlestickPlot.CandlestickPlot;
   }
 });
+exports.Unstable_CandlestickPlot = exports.Unstable_CandlestickChart = void 0;
 var _CandlestickChart = require("./CandlestickChart");
-var _CandlestickPlot = require("./CandlestickPlot");
+var _CandlestickPlot = require("./CandlestickPlot");
+/**
+ * @deprecated candlestick chart is now stable, import `ChartsCandlestickChart` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Unstable_CandlestickChart = exports.Unstable_CandlestickChart = _CandlestickChart.CandlestickChart;
+
+/**
+ * @deprecated candlestick plot is now stable, import `ChartsCandlestickPlot` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Unstable_CandlestickPlot = exports.Unstable_CandlestickPlot = _CandlestickPlot.CandlestickPlot;

package/CandlestickChart/index.mjs

@@ -1,2 +1,16 @@
-export { CandlestickChart as Unstable_CandlestickChart } from "./CandlestickChart.mjs";
-export { CandlestickPlot as Unstable_CandlestickPlot } from "./CandlestickPlot.mjs";
+import { CandlestickChart } from "./CandlestickChart.mjs";
+import { CandlestickPlot } from "./CandlestickPlot.mjs";
+
+/**
+ * @deprecated candlestick chart is now stable, import `ChartsCandlestickChart` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const Unstable_CandlestickChart = CandlestickChart;
+
+/**
+ * @deprecated candlestick plot is now stable, import `ChartsCandlestickPlot` instead
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export const Unstable_CandlestickPlot = CandlestickPlot;
+export { CandlestickChart } from "./CandlestickChart.mjs";
+export { CandlestickPlot } from "./CandlestickPlot.mjs";

package/CandlestickChart/seriesConfig/extrema.js

@@ -29,6 +29,9 @@ const getValueExtremum = params => {
     isDefaultAxis
   } = params;
   return Object.keys(series).filter(seriesId => {
+    if (axis.domainSeries === 'visible' && series[seriesId].hidden) {
+      return false;
+    }
     const axisId = series[seriesId].yAxisId;
     return axisId === axis.id || isDefaultAxis && axisId === undefined;
   }).reduce((acc, seriesId) => {

package/CandlestickChart/seriesConfig/extrema.mjs

@@ -23,6 +23,9 @@ const getValueExtremum = params => {
     isDefaultAxis
   } = params;
   return Object.keys(series).filter(seriesId => {
+    if (axis.domainSeries === 'visible' && series[seriesId].hidden) {
+      return false;
+    }
     const axisId = series[seriesId].yAxisId;
     return axisId === axis.id || isDefaultAxis && axisId === undefined;
   }).reduce((acc, seriesId) => {