@mui/x-charts-pro 7.0.0-alpha.2 → 7.0.0-beta.0

package/modern/context/CartesianProviderPro/CartesianProviderPro.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useDrawingArea, useSeries, CartesianContext, cartesianProviderUtils, useXExtremumGetter, useYExtremumGetter } from '@mui/x-charts/internals';
-import { useZoom } from '../ZoomProvider/useZoom';
-import { createAxisFilterMapper, createGetAxisFilters } from './createAxisFilterMapper';
+import { useZoom } from "../ZoomProvider/useZoom.js";
+import { createAxisFilterMapper, createGetAxisFilters } from "./createAxisFilterMapper.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const {
   computeValue

package/modern/context/CartesianProviderPro/createAxisFilterMapper.js

@@ -1,5 +1,4 @@
-import { getAxisExtremum, isDefined } from '@mui/x-charts/internals';
-import { getScale } from '../../../../x-charts/src/internals/getScale';
+import { getAxisExtremum, isDefined, getScale } from '@mui/x-charts/internals';
 export const createAxisFilterMapper = ({
   zoomData,
   extremumGetter,

package/modern/context/CartesianProviderPro/index.js

@@ -1 +1 @@
-export * from './CartesianProviderPro';
+export * from "./CartesianProviderPro.js";

package/modern/context/ZoomProvider/ZoomProvider.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import useControlled from '@mui/utils/useControlled';
-import { ZoomContext } from './ZoomContext';
-import { defaultizeZoom } from './defaultizeZoom';
-import { initializeZoomData } from './initializeZoomData';
+import { ZoomContext } from "./ZoomContext.js";
+import { defaultizeZoom } from "./defaultizeZoom.js";
+import { initializeZoomData } from "./initializeZoomData.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function ZoomProvider({
   children,

package/modern/context/ZoomProvider/ZoomSetup.js

@@ -1,5 +1,5 @@
-import { useSetupPan } from './useSetupPan';
-import { useSetupZoom } from './useSetupZoom';
+import { useSetupPan } from "./useSetupPan.js";
+import { useSetupZoom } from "./useSetupZoom.js";
 
 /**
  * Sets up the zoom functionality if using composition or a custom chart.

package/modern/context/ZoomProvider/index.js

@@ -1,3 +1,3 @@
-export * from './ZoomContext';
-export * from './ZoomProvider';
-export * from './Zoom.types';
+export * from "./ZoomContext.js";
+export * from "./ZoomProvider.js";
+export * from "./Zoom.types.js";

package/modern/context/ZoomProvider/useSetupPan.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useDrawingArea, useSvgRef } from '@mui/x-charts/hooks';
 import { getSVGPoint } from '@mui/x-charts/internals';
-import { useZoom } from './useZoom';
+import { useZoom } from "./useZoom.js";
 export const useSetupPan = () => {
   const {
     zoomData,

package/modern/context/ZoomProvider/useSetupZoom.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useDrawingArea, useSvgRef } from '@mui/x-charts/hooks';
 import { getSVGPoint } from '@mui/x-charts/internals';
-import { useZoom } from './useZoom';
+import { useZoom } from "./useZoom.js";
 /**
  * Helper to get the range (in percents of a reference range) corresponding to a given scale.
  * @param centerRatio {number} The ratio of the point that should not move between the previous and next range.

package/modern/context/ZoomProvider/useZoom.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ZoomContext } from './ZoomContext';
+import { ZoomContext } from "./ZoomContext.js";
 /**
  * Get access to the zoom state.
  *

package/modern/context/index.js

@@ -1,5 +1,5 @@
 // # Zoom & Pan
 
-export * from './ZoomProvider/useZoom';
-export * from './ZoomProvider/ZoomSetup';
+export * from "./ZoomProvider/useZoom.js";
+export * from "./ZoomProvider/ZoomSetup.js";
 export {};

package/modern/hooks/index.js

@@ -1 +1 @@
-export { useHeatmapSeries as unstable_useHeatmapSeries } from './useSeries';
+export { useHeatmapSeries as unstable_useHeatmapSeries } from "./useSeries.js";

package/modern/index.js

@@ -1,11 +1,11 @@
 /**
- * @mui/x-charts-pro v7.0.0-alpha.2
+ * @mui/x-charts-pro v7.0.0-beta.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import './typeOverloads/modules';
+import "./typeOverloads/modules.js";
 
 // exports from MIT package
 export * from '@mui/x-charts/constants';
@@ -34,12 +34,12 @@ export * from '@mui/x-charts/Gauge';
 export * from '@mui/x-charts/ChartsSurface';
 
 // Pro components
-export * from './Heatmap';
-export * from './ResponsiveChartContainerPro';
-export * from './ChartContainerPro';
-export * from './ScatterChartPro';
-export * from './BarChartPro';
-export * from './LineChartPro';
+export * from "./Heatmap/index.js";
+export * from "./ResponsiveChartContainerPro/index.js";
+export * from "./ChartContainerPro/index.js";
+export * from "./ScatterChartPro/index.js";
+export * from "./BarChartPro/index.js";
+export * from "./LineChartPro/index.js";
 
 // Pro context
-export * from './context';
+export * from "./context/index.js";

package/modern/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTcyNDM2MDQwMDAwMA==";
+  const releaseInfo = "MTcyNTQ4MzYwMDAwMA==";
   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/models/index.js

@@ -1 +1 @@
-export * from './seriesType';
+export * from "./seriesType/index.js";

package/modern/models/seriesType/index.js

@@ -1 +1 @@
-export * from './heatmap';
+export * from "./heatmap.js";

package/modern/typeOverloads/index.js

@@ -1 +1 @@
-export {} from './modules';
+export {} from "./modules.js";

package/node/BarChartPro/BarChartPro.js

@@ -1,14 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BarChartPro = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
 var _BarChart = require("@mui/x-charts/BarChart");
 var _ChartsOnAxisClickHandler = require("@mui/x-charts/ChartsOnAxisClickHandler");
 var _ChartsGrid = require("@mui/x-charts/ChartsGrid");
@@ -24,8 +26,14 @@ var _ZoomSetup = require("../context/ZoomProvider/ZoomSetup");
 var _useZoom = require("../context/ZoomProvider/useZoom");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["zoom", "onZoomChange"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function BarChartPlotZoom(props) {
+  const {
+    isInteracting
+  } = (0, _useZoom.useZoom)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarChart.BarPlot, (0, _extends2.default)({}, props, {
+    skipAnimation: isInteracting ? true : props.skipAnimation
+  }));
+}
 /**
  * Demos:
  *
@@ -37,7 +45,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  *
  * - [BarChart API](https://mui.com/x/api/charts/bar-chart/)
  */
-const BarChartPro = exports.BarChartPro = /*#__PURE__*/React.forwardRef(function BarChartPro(props, ref) {
+const BarChartPro = exports.BarChartPro = /*#__PURE__*/React.forwardRef(function BarChartPro(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiBarChartPro'
+  });
   const {
       zoom,
       onZoomChange
@@ -62,7 +74,7 @@ const BarChartPro = exports.BarChartPro = /*#__PURE__*/React.forwardRef(function
   }, chartContainerProps, {
     zoom: zoom,
     onZoomChange: onZoomChange,
-    children: [props.onAxisClick && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOnAxisClickHandler.ChartsOnAxisClickHandler, (0, _extends2.default)({}, axisClickHandlerProps)), props.grid && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGrid.ChartsGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", (0, _extends2.default)({}, clipPathGroupProps, {
+    children: [props.onAxisClick && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOnAxisClickHandler.ChartsOnAxisClickHandler, (0, _extends2.default)({}, axisClickHandlerProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGrid.ChartsGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", (0, _extends2.default)({}, clipPathGroupProps, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BarChartPlotZoom, (0, _extends2.default)({}, barPlotProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlightProps))]
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, (0, _extends2.default)({}, legendProps)), !props.loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltip, (0, _extends2.default)({}, tooltipProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsClipPath.ChartsClipPath, (0, _extends2.default)({}, clipPathProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ZoomSetup.ZoomSetup, {}), children]
   }));
@@ -154,6 +166,17 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     classes: _propTypes.default.object,
     direction: _propTypes.default.oneOf(['column', 'row']),
     hidden: _propTypes.default.bool,
+    itemGap: _propTypes.default.number,
+    itemMarkHeight: _propTypes.default.number,
+    itemMarkWidth: _propTypes.default.number,
+    labelStyle: _propTypes.default.object,
+    markGap: _propTypes.default.number,
+    padding: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+      bottom: _propTypes.default.number,
+      left: _propTypes.default.number,
+      right: _propTypes.default.number,
+      top: _propTypes.default.number
+    })]),
     position: _propTypes.default.shape({
       horizontal: _propTypes.default.oneOf(['left', 'middle', 'right']).isRequired,
       vertical: _propTypes.default.oneOf(['bottom', 'middle', 'top']).isRequired
@@ -197,6 +220,12 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
    * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
    */
   onItemClick: _propTypes.default.func,
+  /**
+   * Callback fired when the zoom has changed.
+   *
+   * @param {ZoomData[]} zoomData Updated zoom data.
+   */
+  onZoomChange: _propTypes.default.func,
   /**
    * Indicate which axis to display the right of the charts.
    * Can be a string (the id of the axis) or an object `ChartsYAxisProps`.
@@ -259,7 +288,6 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
@@ -294,6 +322,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
@@ -306,6 +335,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
+      filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
       maxSpan: _propTypes.default.number,
       minSpan: _propTypes.default.number,
@@ -320,7 +350,6 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
@@ -355,6 +384,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
@@ -367,6 +397,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
+      filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
       maxSpan: _propTypes.default.number,
       minSpan: _propTypes.default.number,
@@ -374,52 +405,13 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
       panning: _propTypes.default.bool,
       step: _propTypes.default.number
     }), _propTypes.default.bool])
-  }))
-} : void 0;
-function BarChartPlotZoom(props) {
-  const {
-    isInteracting
-  } = (0, _useZoom.useZoom)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarChart.BarPlot, (0, _extends2.default)({}, props, {
-    skipAnimation: isInteracting ? true : props.skipAnimation
-  }));
-}
-process.env.NODE_ENV !== "production" ? BarChartPlotZoom.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * If provided, the function will be used to format the label of the bar.
-   * It can be set to 'value' to display the current value.
-   * @param {BarItem} item The item to format.
-   * @param {BarLabelContext} context data about the bar.
-   * @returns {string} The formatted label.
-   */
-  barLabel: _propTypes.default.oneOfType([_propTypes.default.oneOf(['value']), _propTypes.default.func]),
-  /**
-   * Defines the border radius of the bar element.
-   */
-  borderRadius: _propTypes.default.number,
-  /**
-   * Callback fired when a bar item is clicked.
-   * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
-   * @param {BarItemIdentifier} barItemIdentifier The bar item identifier.
-   */
-  onItemClick: _propTypes.default.func,
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation: _propTypes.default.bool,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: _propTypes.default.object,
+  })),
   /**
-   * Overridable component slots.
-   * @default {}
+   * The list of zoom data related to each axis.
    */
-  slots: _propTypes.default.object
+  zoom: _propTypes.default.arrayOf(_propTypes.default.shape({
+    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+    end: _propTypes.default.number.isRequired,
+    start: _propTypes.default.number.isRequired
+  }))
 } : void 0;

package/node/ChartContainerPro/ChartContainerPro.js

@@ -1,6 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,8 +18,6 @@ var _CartesianProviderPro = require("../context/CartesianProviderPro");
 var _ZoomProvider = require("../context/ZoomProvider");
 var _useChartContainerProProps = require("./useChartContainerProProps");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
 const ChartContainerPro = exports.ChartContainerPro = /*#__PURE__*/React.forwardRef(function ChartContainer(props, ref) {
   const {

package/node/ChartContainerPro/useChartContainerProProps.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/node/Heatmap/DefaultHeatmapTooltip.js

@@ -1,6 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,8 +13,6 @@ var _ChartsTooltip = require("@mui/x-charts/ChartsTooltip");
 var _hooks = require("@mui/x-charts/hooks");
 var _internals = require("@mui/x-charts/internals");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function DefaultHeatmapTooltip(props) {
   const {
     series,
@@ -98,7 +97,7 @@ process.env.NODE_ENV !== "production" ? DefaultHeatmapTooltip.propTypes = {
     type: _propTypes.default.oneOf(['heatmap']).isRequired
   }).isRequired,
   /**
-   * The series linked to the triggered axis.
+   * The series linked to the triggered item.
    */
   series: _propTypes.default.object.isRequired,
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])

package/node/Heatmap/Heatmap.js

@@ -1,6 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,8 +9,9 @@ exports.Heatmap = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
+var _styles = require("@mui/material/styles");
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
+var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
 var _ChartsAxis = require("@mui/x-charts/ChartsAxis");
 var _ChartsTooltip = require("@mui/x-charts/ChartsTooltip");
 var _ChartsClipPath = require("@mui/x-charts/ChartsClipPath");
@@ -20,11 +22,13 @@ var _HeatmapPlot = require("./HeatmapPlot");
 var _plugin = require("./plugin");
 var _DefaultHeatmapTooltip = require("./DefaultHeatmapTooltip");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // The GnBu: https://github.com/d3/d3-scale-chromatic/blob/main/src/sequential-multi/GnBu.js
 const defaultColorMap = (0, _d3Interpolate.interpolateRgbBasis)(['#f7fcf0', '#e0f3db', '#ccebc5', '#a8ddb5', '#7bccc4', '#4eb3d3', '#2b8cbe', '#0868ac', '#084081']);
-const Heatmap = exports.Heatmap = /*#__PURE__*/React.forwardRef(function Heatmap(props, ref) {
+const Heatmap = exports.Heatmap = /*#__PURE__*/React.forwardRef(function Heatmap(inProps, ref) {
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiHeatmap'
+  });
   const {
     xAxis,
     yAxis,

package/node/Heatmap/HeatmapItem.js

@@ -1,6 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,8 +18,6 @@ var _internals = require("@mui/x-charts/internals");
 var _heatmapClasses = require("./heatmapClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["seriesId", "dataIndex", "color", "value", "slotProps", "slots"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const HeatmapCell = (0, _styles.styled)('rect', {
   name: 'MuiHeatmap',
   slot: 'Cell',

package/node/Heatmap/HeatmapPlot.js

@@ -1,6 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,8 +12,6 @@ var _hooks = require("@mui/x-charts/hooks");
 var _useSeries = require("../hooks/useSeries");
 var _HeatmapItem = require("./HeatmapItem");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function HeatmapPlot(props) {
   const xScale = (0, _hooks.useXScale)();
   const yScale = (0, _hooks.useYScale)();

package/node/Heatmap/formatter.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/node/Heatmap/heatmapClasses.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/node/Heatmap/plugin.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });