@mui/x-charts-pro 8.0.0-alpha.11 → 8.0.0-alpha.13

package/Heatmap/HeatmapTooltip.js

@@ -1,16 +1,23 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import HTMLElementType from '@mui/utils/HTMLElementType';
-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 { useHeatmapSeries } from "../hooks/useSeries.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeatmapTooltip = HeatmapTooltip;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _ChartsTooltip = require("@mui/x-charts/ChartsTooltip");
+var _hooks = require("@mui/x-charts/hooks");
+var _internals = require("@mui/x-charts/internals");
+var _useHeatmapSeries = require("../hooks/useHeatmapSeries");
+var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -26,16 +33,16 @@ const useUtilityClasses = ownerState => {
     labelCell: ['labelCell'],
     valueCell: ['valueCell']
   };
-  return composeClasses(slots, getChartsTooltipUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _ChartsTooltip.getChartsTooltipUtilityClass, classes);
 };
 function DefaultHeatmapTooltipContent(props) {
   const {
     classes
   } = props;
-  const xAxis = useXAxis();
-  const yAxis = useYAxis();
-  const heatmapSeries = useHeatmapSeries();
-  const tooltipData = useItemTooltip();
+  const xAxis = (0, _hooks.useXAxis)();
+  const yAxis = (0, _hooks.useYAxis)();
+  const heatmapSeries = (0, _useHeatmapSeries.useHeatmapSeriesContext)();
+  const tooltipData = (0, _ChartsTooltip.useItemTooltip)();
   if (!tooltipData || !heatmapSeries || heatmapSeries.seriesOrder.length === 0) {
     return null;
   }
@@ -52,45 +59,47 @@ function DefaultHeatmapTooltipContent(props) {
   } = tooltipData;
   const [xIndex, yIndex] = value;
   const formattedX = xAxis.valueFormatter?.(xAxis.data[xIndex], {
-    location: 'tooltip'
+    location: 'tooltip',
+    scale: xAxis.scale
   }) ?? xAxis.data[xIndex].toLocaleString();
   const formattedY = yAxis.valueFormatter?.(yAxis.data[yIndex], {
-    location: 'tooltip'
+    location: 'tooltip',
+    scale: yAxis.scale
   }) ?? yAxis.data[yIndex].toLocaleString();
   const formattedValue = series[seriesId].valueFormatter(value, {
     dataIndex: identifier.dataIndex
   });
-  const seriesLabel = getLabel(series[seriesId].label, 'tooltip');
-  return /*#__PURE__*/_jsx(ChartsTooltipPaper, {
+  const seriesLabel = (0, _internals.getLabel)(series[seriesId].label, 'tooltip');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipPaper, {
     className: classes?.paper,
-    children: /*#__PURE__*/_jsxs(ChartsTooltipTable, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltip.ChartsTooltipTable, {
       className: classes?.table,
-      children: [/*#__PURE__*/_jsx("thead", {
-        children: /*#__PURE__*/_jsxs(ChartsTooltipRow, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltip.ChartsTooltipRow, {
           className: classes?.row,
-          children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {
             className: classes?.cell,
             children: formattedX
-          }), formattedX && formattedY && /*#__PURE__*/_jsx(ChartsTooltipCell, {}), /*#__PURE__*/_jsx(ChartsTooltipCell, {
+          }), formattedX && formattedY && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {
             className: classes?.cell,
             children: formattedY
           })]
         })
-      }), /*#__PURE__*/_jsx("tbody", {
-        children: /*#__PURE__*/_jsxs(ChartsTooltipRow, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltip.ChartsTooltipRow, {
           className: classes?.row,
-          children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: clsx(classes?.markCell, classes?.cell),
-            children: /*#__PURE__*/_jsx(ChartsLabelMark, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {
+            className: (0, _clsx.default)(classes?.markCell, classes?.cell),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.ChartsLabelMark, {
               type: markType,
               color: color,
               className: classes?.mark
             })
-          }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: clsx(classes?.labelCell, classes?.cell),
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {
+            className: (0, _clsx.default)(classes?.labelCell, classes?.cell),
             children: seriesLabel
-          }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: clsx(classes?.valueCell, classes?.cell),
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipCell, {
+            className: (0, _clsx.default)(classes?.valueCell, classes?.cell),
             children: formattedValue
           })]
         })
@@ -106,16 +115,16 @@ process.env.NODE_ENV !== "production" ? DefaultHeatmapTooltipContent.propTypes =
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object
+  classes: _propTypes.default.object
 } : void 0;
 function HeatmapTooltip(props) {
   const classes = useUtilityClasses({
     classes: props.classes
   });
-  return /*#__PURE__*/_jsx(ChartsTooltipContainer, _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltip.ChartsTooltipContainer, (0, _extends2.default)({}, props, {
     classes: classes,
     trigger: "item",
-    children: /*#__PURE__*/_jsx(DefaultHeatmapTooltipContent, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultHeatmapTooltipContent, {
       classes: classes
     })
   }));
@@ -131,30 +140,30 @@ process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
    * It's used to set the position of the popper.
    * The return value will passed as the reference object of the Popper instance.
    */
-  anchorEl: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.object, PropTypes.func]),
+  anchorEl: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_HTMLElementType.default, _propTypes.default.object, _propTypes.default.func]),
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: PropTypes.elementType,
+  component: _propTypes.default.elementType,
   /**
    * The components used for each slot inside the Popper.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  components: PropTypes.shape({
-    Root: PropTypes.elementType
+  components: _propTypes.default.shape({
+    Root: _propTypes.default.elementType
   }),
   /**
    * The props used for each slot inside the Popper.
    * @default {}
    */
-  componentsProps: PropTypes.shape({
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  componentsProps: _propTypes.default.shape({
+    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
   }),
   /**
    * An HTML element or function that returns one.
@@ -166,7 +175,7 @@ process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: PropTypes.oneOfType([(props, propName) => {
+  container: _propTypes.default.oneOfType([(props, propName) => {
     if (props[propName] == null) {
       return new Error(`Prop '${propName}' is required but wasn't specified`);
     }
@@ -174,19 +183,19 @@ process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
       return new Error(`Expected prop '${propName}' to be of type Element`);
     }
     return null;
-  }, PropTypes.func]),
+  }, _propTypes.default.func]),
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
    */
-  disablePortal: PropTypes.bool,
+  disablePortal: _propTypes.default.bool,
   /**
    * Always keep the children in the DOM.
    * This prop can be useful in SEO situation or
    * when you want to maximize the responsiveness of the Popper.
    * @default false
    */
-  keepMounted: PropTypes.bool,
+  keepMounted: _propTypes.default.bool,
   /**
    * Popper.js is based on a "plugin-like" architecture,
    * most of its features are fully encapsulated "modifiers".
@@ -196,79 +205,78 @@ process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
    * For this reason, modifiers should be very performant to avoid bottlenecks.
    * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
    */
-  modifiers: PropTypes.arrayOf(PropTypes.shape({
-    data: PropTypes.object,
-    effect: PropTypes.func,
-    enabled: PropTypes.bool,
-    fn: PropTypes.func,
-    name: PropTypes.any,
-    options: PropTypes.object,
-    phase: PropTypes.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),
-    requires: PropTypes.arrayOf(PropTypes.string),
-    requiresIfExists: PropTypes.arrayOf(PropTypes.string)
+  modifiers: _propTypes.default.arrayOf(_propTypes.default.shape({
+    data: _propTypes.default.object,
+    effect: _propTypes.default.func,
+    enabled: _propTypes.default.bool,
+    fn: _propTypes.default.func,
+    name: _propTypes.default.any,
+    options: _propTypes.default.object,
+    phase: _propTypes.default.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),
+    requires: _propTypes.default.arrayOf(_propTypes.default.string),
+    requiresIfExists: _propTypes.default.arrayOf(_propTypes.default.string)
   })),
   /**
    * If `true`, the component is shown.
    */
-  open: PropTypes.bool,
+  open: _propTypes.default.bool,
   /**
    * Popper placement.
    * @default 'bottom'
    */
-  placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
+  placement: _propTypes.default.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
   /**
    * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
    * @default {}
    */
-  popperOptions: PropTypes.shape({
-    modifiers: PropTypes.array,
-    onFirstUpdate: PropTypes.func,
-    placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-    strategy: PropTypes.oneOf(['absolute', 'fixed'])
+  popperOptions: _propTypes.default.shape({
+    modifiers: _propTypes.default.array,
+    onFirstUpdate: _propTypes.default.func,
+    placement: _propTypes.default.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
+    strategy: _propTypes.default.oneOf(['absolute', 'fixed'])
   }),
   /**
    * A ref that points to the used popper instance.
    */
-  popperRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.shape({
-      destroy: PropTypes.func.isRequired,
-      forceUpdate: PropTypes.func.isRequired,
-      setOptions: PropTypes.func.isRequired,
-      state: PropTypes.shape({
-        attributes: PropTypes.object.isRequired,
-        elements: PropTypes.object.isRequired,
-        modifiersData: PropTypes.object.isRequired,
-        options: PropTypes.object.isRequired,
-        orderedModifiers: PropTypes.arrayOf(PropTypes.object).isRequired,
-        placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']).isRequired,
-        rects: PropTypes.object.isRequired,
-        reset: PropTypes.bool.isRequired,
-        scrollParents: PropTypes.object.isRequired,
-        strategy: PropTypes.oneOf(['absolute', 'fixed']).isRequired,
-        styles: PropTypes.object.isRequired
+  popperRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.shape({
+      destroy: _propTypes.default.func.isRequired,
+      forceUpdate: _propTypes.default.func.isRequired,
+      setOptions: _propTypes.default.func.isRequired,
+      state: _propTypes.default.shape({
+        attributes: _propTypes.default.object.isRequired,
+        elements: _propTypes.default.object.isRequired,
+        modifiersData: _propTypes.default.object.isRequired,
+        options: _propTypes.default.object.isRequired,
+        orderedModifiers: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+        placement: _propTypes.default.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']).isRequired,
+        rects: _propTypes.default.object.isRequired,
+        reset: _propTypes.default.bool.isRequired,
+        scrollParents: _propTypes.default.object.isRequired,
+        strategy: _propTypes.default.oneOf(['absolute', 'fixed']).isRequired,
+        styles: _propTypes.default.object.isRequired
       }).isRequired,
-      update: PropTypes.func.isRequired
+      update: _propTypes.default.func.isRequired
     })
   })]),
   /**
    * The props used for each slot inside the Popper.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.object,
   /**
    * The components used for each slot inside the Popper.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: PropTypes.object,
+  slots: _propTypes.default.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  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]),
   /**
    * Help supporting a react-transition-group/Transition component.
    * @default false
    */
-  transition: PropTypes.bool
-} : void 0;
-export { HeatmapTooltip };
+  transition: _propTypes.default.bool
+} : void 0;

package/Heatmap/heatmapClasses.d.ts

@@ -1,11 +1,11 @@
 export interface HeatmapClasses {
-    /** Styles applied to the heatmap cells. */
-    cell: string;
-    /** Styles applied to the cell element if highlighted. */
-    highlighted: string;
-    /** Styles applied to the cell element if faded. */
-    faded: string;
+  /** Styles applied to the heatmap cells. */
+  cell: string;
+  /** Styles applied to the cell element if highlighted. */
+  highlighted: string;
+  /** Styles applied to the cell element if faded. */
+  faded: string;
 }
 export type HeatmapClassKey = keyof HeatmapClasses;
 export declare function getHeatmapUtilityClass(slot: string): string;
-export declare const heatmapClasses: HeatmapClasses;
+export declare const heatmapClasses: HeatmapClasses;

package/Heatmap/heatmapClasses.js

@@ -1,14 +1,22 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getHeatmapUtilityClass(slot) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getHeatmapUtilityClass = getHeatmapUtilityClass;
+exports.heatmapClasses = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getHeatmapUtilityClass(slot) {
   // Those should be common to all charts
   if (['highlighted', 'faded'].includes(slot)) {
-    return generateUtilityClass('Charts', slot);
+    return (0, _generateUtilityClass.default)('Charts', slot);
   }
-  return generateUtilityClass('MuiHeatmap', slot);
+  return (0, _generateUtilityClass.default)('MuiHeatmap', slot);
 }
-export const heatmapClasses = _extends({}, generateUtilityClasses('MuiHeatmap', ['cell']), {
+const heatmapClasses = exports.heatmapClasses = (0, _extends2.default)({}, (0, _generateUtilityClasses.default)('MuiHeatmap', ['cell']), {
   highlighted: 'Charts-highlighted',
   faded: 'Charts-faded'
 });

package/Heatmap/index.d.ts

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

package/Heatmap/index.js

@@ -1,4 +1,47 @@
-export { Heatmap } from "./Heatmap.js";
-export { HeatmapPlot } from "./HeatmapPlot.js";
-export * from "./HeatmapTooltip.js";
-export * from "./heatmapClasses.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Heatmap: true,
+  HeatmapPlot: true
+};
+Object.defineProperty(exports, "Heatmap", {
+  enumerable: true,
+  get: function () {
+    return _Heatmap.Heatmap;
+  }
+});
+Object.defineProperty(exports, "HeatmapPlot", {
+  enumerable: true,
+  get: function () {
+    return _HeatmapPlot.HeatmapPlot;
+  }
+});
+var _Heatmap = require("./Heatmap");
+var _HeatmapPlot = require("./HeatmapPlot");
+var _HeatmapTooltip = require("./HeatmapTooltip");
+Object.keys(_HeatmapTooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _HeatmapTooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _HeatmapTooltip[key];
+    }
+  });
+});
+var _heatmapClasses = require("./heatmapClasses");
+Object.keys(_heatmapClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _heatmapClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _heatmapClasses[key];
+    }
+  });
+});

package/Heatmap/{extremums.d.ts → seriesConfig/extremums.d.ts}

@@ -1,2 +1,2 @@
 import { CartesianExtremumGetter } from '@mui/x-charts/internals';
-export declare const getBaseExtremum: CartesianExtremumGetter<'heatmap'>;
+export declare const getBaseExtremum: CartesianExtremumGetter<'heatmap'>;

package/Heatmap/{getColor.d.ts → seriesConfig/getColor.d.ts}

@@ -1,3 +1,3 @@
 import { ColorProcessor } from '@mui/x-charts/internals';
 declare const getColor: ColorProcessor<'heatmap'>;
-export default getColor;
+export default getColor;

package/Heatmap/seriesConfig/index.d.ts

@@ -0,0 +1,2 @@
+import { ChartSeriesTypeConfig } from '@mui/x-charts/internals';
+export declare const seriesConfig: ChartSeriesTypeConfig<'heatmap'>;

package/{node/Heatmap/plugin.js → Heatmap/seriesConfig/index.js}

@@ -4,13 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.plugin = void 0;
+exports.seriesConfig = void 0;
 var _extremums = require("./extremums");
-var _formatter = _interopRequireDefault(require("./formatter"));
+var _seriesProcessor = _interopRequireDefault(require("./seriesProcessor"));
 var _getColor = _interopRequireDefault(require("./getColor"));
 var _tooltip = _interopRequireDefault(require("./tooltip"));
-const plugin = exports.plugin = {
-  seriesProcessor: _formatter.default,
+const seriesConfig = exports.seriesConfig = {
+  seriesProcessor: _seriesProcessor.default,
   colorProcessor: _getColor.default,
   legendGetter: () => [],
   tooltipGetter: _tooltip.default,

package/Heatmap/seriesConfig/seriesProcessor.d.ts

@@ -0,0 +1,3 @@
+import { SeriesProcessor } from '@mui/x-charts/internals';
+declare const seriesProcessor: SeriesProcessor<'heatmap'>;
+export default seriesProcessor;

package/{node/Heatmap/formatter.js → Heatmap/seriesConfig/seriesProcessor.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-const formatter = params => {
+const seriesProcessor = params => {
   const {
     series,
     seriesOrder
@@ -25,4 +25,4 @@ const formatter = params => {
     seriesOrder
   };
 };
-var _default = exports.default = formatter;
+var _default = exports.default = seriesProcessor;

package/Heatmap/{tooltip.d.ts → seriesConfig/tooltip.d.ts}

@@ -1,3 +1,3 @@
 import { TooltipGetter } from '@mui/x-charts/internals';
 declare const tooltipGetter: TooltipGetter<'heatmap'>;
-export default tooltipGetter;
+export default tooltipGetter;

package/LineChartPro/LineChartPro.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import { LineChartProps } from '@mui/x-charts/LineChart';
-import { ChartContainerProProps } from '../ChartContainerPro';
-export interface LineChartProProps extends Omit<LineChartProps, 'apiRef'>, Omit<ChartContainerProProps<'line'>, 'series' | 'plugins' | 'seriesConfig'> {
-}
+import { ChartContainerProProps } from "../ChartContainerPro/index.js";
+export interface LineChartProProps extends Omit<LineChartProps, 'apiRef'>, Omit<ChartContainerProProps<'line'>, 'series' | 'plugins' | 'seriesConfig'> {}
 /**
  * Demos:
  *
@@ -14,4 +13,4 @@ export interface LineChartProProps extends Omit<LineChartProps, 'apiRef'>, Omit<
  * - [LineChart API](https://mui.com/x/api/charts/line-chart/)
  */
 declare const LineChartPro: React.ForwardRefExoticComponent<LineChartProProps & React.RefAttributes<SVGSVGElement>>;
-export { LineChartPro };
+export { LineChartPro };