@mui/x-charts-pro 8.0.0-beta.2 → 8.0.0-beta.3

package/esm/ScatterChartPro/ScatterChartPro.js

@@ -261,6 +261,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -325,6 +326,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     fill: PropTypes.string,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v8.0.0-beta.2
+ * @mui/x-charts-pro v8.0.0-beta.3
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/esm/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import ponyfillGlobal from '@mui/utils/ponyfillGlobal';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTc0MzExMjgwMDAwMA==";
+  const releaseInfo = "MTc0MzYzMTIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v8.0.0-beta.2
+ * @mui/x-charts-pro v8.0.0-beta.3
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/internals/utils/releaseInfo.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _ponyfillGlobal = _interopRequireDefault(require("@mui/utils/ponyfillGlobal"));
 const getReleaseInfo = () => {
-  const releaseInfo = "MTc0MzExMjgwMDAwMA==";
+  const releaseInfo = "MTc0MzYzMTIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/modern/BarChartPro/BarChartPro.js

@@ -270,6 +270,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -334,6 +335,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     fill: PropTypes.string,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),

package/modern/Heatmap/Heatmap.d.ts

@@ -6,7 +6,7 @@ import { ChartsAxisSlots, ChartsAxisSlotProps, ChartsXAxisProps, ChartsYAxisProp
 import { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from '@mui/x-charts/ChartsOverlay';
 import { ChartContainerProProps } from "../ChartContainerPro/index.js";
 import { HeatmapSeriesType } from "../models/seriesType/heatmap.js";
-import { HeatmapTooltipProps } from "./HeatmapTooltip.js";
+import { HeatmapTooltipProps } from "./HeatmapTooltip/HeatmapTooltip.js";
 import { HeatmapItemSlotProps, HeatmapItemSlots } from "./HeatmapItem.js";
 import { HeatmapPluginsSignatures } from "./Heatmap.plugins.js";
 export interface HeatmapSlots extends ChartsAxisSlots, ChartsOverlaySlots, HeatmapItemSlots {

package/modern/Heatmap/Heatmap.js

@@ -13,7 +13,7 @@ import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '@mui/x-charts/constants'
 import { ChartContainerPro } from "../ChartContainerPro/index.js";
 import { HeatmapPlot } from "./HeatmapPlot.js";
 import { seriesConfig as heatmapSeriesConfig } from "./seriesConfig/index.js";
-import { HeatmapTooltip } from "./HeatmapTooltip.js";
+import { HeatmapTooltip } from "./HeatmapTooltip/HeatmapTooltip.js";
 import { HEATMAP_PLUGINS } from "./Heatmap.plugins.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // The GnBu: https://github.com/d3/d3-scale-chromatic/blob/main/src/sequential-multi/GnBu.js
@@ -259,6 +259,7 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -325,6 +326,7 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
     fill: PropTypes.string,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),

package/{esm/Heatmap → modern/Heatmap/HeatmapTooltip}/HeatmapTooltip.js

@@ -9,12 +9,13 @@ import composeClasses from '@mui/utils/composeClasses';
 import { ChartsTooltipPaper, ChartsTooltipTable, ChartsTooltipRow, ChartsTooltipCell, useItemTooltip, getChartsTooltipUtilityClass, ChartsTooltipContainer } from '@mui/x-charts/ChartsTooltip';
 import { useXAxis, useYAxis } from '@mui/x-charts/hooks';
 import { getLabel, ChartsLabelMark } from '@mui/x-charts/internals';
-import { useHeatmapSeriesContext } from "../hooks/useHeatmapSeries.js";
+import { useHeatmapSeriesContext } from "../../hooks/useHeatmapSeries.js";
+import { HeatmapTooltipAxesValue } from "./HeatmapTooltipAxesValue.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
+const useUtilityClasses = props => {
   const {
     classes
-  } = ownerState;
+  } = props;
   const slots = {
     root: ['root'],
     paper: ['paper'],
@@ -22,16 +23,14 @@ const useUtilityClasses = ownerState => {
     row: ['row'],
     cell: ['cell'],
     mark: ['mark'],
-    markCell: ['markCell'],
+    markContainer: ['markContainer'],
     labelCell: ['labelCell'],
     valueCell: ['valueCell']
   };
   return composeClasses(slots, getChartsTooltipUtilityClass, classes);
 };
 function DefaultHeatmapTooltipContent(props) {
-  const {
-    classes
-  } = props;
+  const classes = useUtilityClasses(props);
   const xAxis = useXAxis();
   const yAxis = useYAxis();
   const heatmapSeries = useHeatmapSeriesContext();
@@ -64,35 +63,32 @@ function DefaultHeatmapTooltipContent(props) {
   });
   const seriesLabel = getLabel(series[seriesId].label, 'tooltip');
   return /*#__PURE__*/_jsx(ChartsTooltipPaper, {
-    className: classes?.paper,
+    className: classes.paper,
     children: /*#__PURE__*/_jsxs(ChartsTooltipTable, {
-      className: classes?.table,
-      children: [/*#__PURE__*/_jsx("thead", {
-        children: /*#__PURE__*/_jsxs(ChartsTooltipRow, {
-          className: classes?.row,
-          children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: classes?.cell,
-            children: formattedX
-          }), formattedX && formattedY && /*#__PURE__*/_jsx(ChartsTooltipCell, {}), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: classes?.cell,
-            children: formattedY
-          })]
-        })
+      className: classes.table,
+      children: [/*#__PURE__*/_jsxs(HeatmapTooltipAxesValue, {
+        children: [/*#__PURE__*/_jsx("span", {
+          children: formattedX
+        }), /*#__PURE__*/_jsx("span", {
+          children: formattedY
+        })]
       }), /*#__PURE__*/_jsx("tbody", {
         children: /*#__PURE__*/_jsxs(ChartsTooltipRow, {
-          className: classes?.row,
-          children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: clsx(classes?.markCell, classes?.cell),
-            children: /*#__PURE__*/_jsx(ChartsLabelMark, {
-              type: markType,
-              color: color,
-              className: classes?.mark
-            })
-          }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: clsx(classes?.labelCell, classes?.cell),
-            children: seriesLabel
+          className: classes.row,
+          children: [/*#__PURE__*/_jsxs(ChartsTooltipCell, {
+            className: clsx(classes.labelCell, classes.cell),
+            component: "th",
+            children: [/*#__PURE__*/_jsx("div", {
+              className: classes.markContainer,
+              children: /*#__PURE__*/_jsx(ChartsLabelMark, {
+                type: markType,
+                color: color,
+                className: classes.mark
+              })
+            }), seriesLabel]
           }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: clsx(classes?.valueCell, classes?.cell),
+            className: clsx(classes.valueCell, classes.cell),
+            component: "td",
             children: formattedValue
           })]
         })
@@ -148,7 +144,7 @@ process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
    * The components used for each slot inside the Popper.
    * Either a string to use a HTML element or a component.
    *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    * @default {}
    */
   components: PropTypes.shape({
@@ -157,7 +153,7 @@ process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
   /**
    * The props used for each slot inside the Popper.
    *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    * @default {}
    */
   componentsProps: PropTypes.shape({

package/modern/Heatmap/HeatmapTooltip/HeatmapTooltipAxesValue.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @ignore - internal component.
+ */
+export declare const HeatmapTooltipAxesValue: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof import("react").ClassAttributes<HTMLElement> | keyof import("react").HTMLAttributes<HTMLElement>>, {}>;

package/modern/Heatmap/HeatmapTooltip/HeatmapTooltipAxesValue.js

@@ -0,0 +1,22 @@
+'use client';
+
+import { styled } from '@mui/material/styles';
+
+/**
+ * @ignore - internal component.
+ */
+export const HeatmapTooltipAxesValue = styled('caption', {
+  name: 'MuiChartsHeatmapTooltip',
+  slot: 'AxesValue'
+})(({
+  theme
+}) => ({
+  textAlign: 'start',
+  whiteSpace: 'nowrap',
+  padding: theme.spacing(0.5, 1.5),
+  color: (theme.vars || theme).palette.text.secondary,
+  borderBottom: `solid ${(theme.vars || theme).palette.divider} 1px`,
+  [`& span`]: {
+    marginRight: theme.spacing(1.5)
+  }
+}));

package/modern/Heatmap/HeatmapTooltip/index.d.ts

@@ -0,0 +1 @@
+export * from "./HeatmapTooltip.js";

package/modern/Heatmap/HeatmapTooltip/index.js

@@ -0,0 +1 @@
+export * from "./HeatmapTooltip.js";

package/modern/Heatmap/index.d.ts

@@ -1,4 +1,4 @@
 export { Heatmap } from "./Heatmap.js";
 export { HeatmapPlot } from "./HeatmapPlot.js";
-export * from "./HeatmapTooltip.js";
+export * from "./HeatmapTooltip/index.js";
 export * from "./heatmapClasses.js";

package/modern/Heatmap/index.js

@@ -1,4 +1,4 @@
 export { Heatmap } from "./Heatmap.js";
 export { HeatmapPlot } from "./HeatmapPlot.js";
-export * from "./HeatmapTooltip.js";
+export * from "./HeatmapTooltip/index.js";
 export * from "./heatmapClasses.js";

package/modern/LineChartPro/LineChartPro.js

@@ -267,6 +267,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -331,6 +332,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     fill: PropTypes.string,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),

package/modern/ScatterChartPro/ScatterChartPro.js

@@ -261,6 +261,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     height: PropTypes.number,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -325,6 +326,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     fill: PropTypes.string,
     hideTooltip: PropTypes.bool,
     id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v8.0.0-beta.2
+ * @mui/x-charts-pro v8.0.0-beta.3
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import ponyfillGlobal from '@mui/utils/ponyfillGlobal';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTc0MzExMjgwMDAwMA==";
+  const releaseInfo = "MTc0MzYzMTIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-pro",
-  "version": "8.0.0-beta.2",
+  "version": "8.0.0-beta.3",
   "description": "The Pro plan edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -29,22 +29,20 @@
     "directory": "packages/x-charts-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.10",
-    "@mui/utils": "^7.0.0 || ^7.0.0-beta",
-    "@react-spring/rafz": "^9.7.5",
-    "@react-spring/web": "^9.7.5",
+    "@babel/runtime": "^7.27.0",
+    "@mui/utils": "^7.0.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-internals": "8.0.0-beta.2",
-    "@mui/x-charts": "8.0.0-beta.2",
-    "@mui/x-charts-vendor": "8.0.0-beta.1",
-    "@mui/x-license": "8.0.0-beta.2"
+    "@mui/x-charts-vendor": "8.0.0-beta.3",
+    "@mui/x-charts": "8.0.0-beta.3",
+    "@mui/x-internals": "8.0.0-beta.3",
+    "@mui/x-license": "8.0.0-beta.3"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
-    "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
+    "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
+    "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },