Gen types, fix static.

Author: bernardobelchior

docs/data/charts/export/PrintChart.js

@@ -59,7 +59,7 @@ export default function PrintChart() {
             <MenuItem value="heatmap">Heatmap</MenuItem>
           </Select>
         </FormControl>
-        <Button onClick={() => apiRef.current.exportAsPrint()} variant="contained">
+        <Button onClick={() => apiRef.current.exportAsPrint} variant="contained">
           Print
         </Button>
       </Stack>

docs/data/charts/export/PrintChart.tsx

@@ -61,7 +61,7 @@ export default function PrintChart() {
             <MenuItem value="heatmap">Heatmap</MenuItem>
           </Select>
         </FormControl>
-        <Button onClick={() => apiRef.current!.exportAsPrint()} variant="contained">
+        <Button onClick={() => apiRef.current!.exportAsPrint} variant="contained">
           Print
         </Button>
       </Stack>

docs/data/charts/export/heatmapData.js

@@ -0,0 +1,22 @@
+export const heatmapData = [
+  [0, 0, 10],
+  [0, 1, 20],
+  [0, 2, 40],
+  [0, 3, 90],
+  [0, 4, 70],
+  [1, 0, 30],
+  [1, 1, 50],
+  [1, 2, 10],
+  [1, 3, 70],
+  [1, 4, 40],
+  [2, 0, 50],
+  [2, 1, 20],
+  [2, 2, 90],
+  [2, 3, 20],
+  [2, 4, 70],
+  [3, 0, 40],
+  [3, 1, 50],
+  [3, 2, 20],
+  [3, 3, 70],
+  [3, 4, 90],
+];

packages/x-charts-pro/src/ChartContainerPro/ChartProApi.ts

@@ -13,6 +13,11 @@ type PluginsPerSeriesType = {
   bar: BarChartProPluginsSignatures;
 };
 
+/**
+ * The API of the chart `apiRef` object.
+ * The chart type can be passed as the first generic parameter to narrow down the API to the specific chart type.
+ * @example ChartProApi<'bar'>
+ */
 export type ChartProApi<
   TSeries extends ChartSeriesType = ChartSeriesType,
   TSignatures extends

packages/x-charts-pro/src/Heatmap/Heatmap.tsx

@@ -13,6 +13,7 @@ import {
   ChartSeriesConfig,
   XAxis,
   YAxis,
+  ChartsRootSurface,
 } from '@mui/x-charts/internals';
 import { ChartsClipPath } from '@mui/x-charts/ChartsClipPath';
 import {
@@ -22,7 +23,6 @@ import {
   ChartsOverlaySlots,
 } from '@mui/x-charts/ChartsOverlay';
 import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '@mui/x-charts/constants';
-import { ChartsRootSurface } from '@mui/x-charts/ChartsRootSurface';
 import { useChartContainerProProps } from '../ChartContainerPro/useChartContainerProProps';
 import { ChartDataProviderPro } from '../ChartDataProviderPro';
 import { ChartContainerProProps } from '../ChartContainerPro';
@@ -235,7 +235,10 @@ Heatmap.propTypes = {
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   apiRef: PropTypes.shape({
-    current: PropTypes.object,
+    current: PropTypes.shape({
+      exportAsImage: PropTypes.func.isRequired,
+      exportAsPrint: PropTypes.func.isRequired,
+    }),
   }),
   className: PropTypes.string,
   /**

packages/x-charts/src/ChartsRootSurface/index.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import useForkRef from '@mui/utils/useForkRef';
-import { ChartsSurface, ChartsSurfaceProps } from '../ChartsSurface';
-import { useChartRootRef } from '../hooks';
+import { ChartsSurface, ChartsSurfaceProps } from '../../ChartsSurface';
+import { useChartRootRef } from '../../hooks';
 
 export interface ChartsRootSurfaceProps extends ChartsSurfaceProps {}
 

packages/x-charts/src/ChartsRootSurface/ChartsRootSurface.tsx renamed to packages/x-charts/src/internals/components/ChartsRootSurface.tsx

@@ -1,6 +1,7 @@
 // Components
 export * from './components/ChartsAxesGradients';
 export * from './components/ChartsWrapper';
+export * from './components/ChartsRootSurface';
 export * from '../ChartsLabel/ChartsLabelMark';
 
 // hooks
@@ -31,7 +32,6 @@ export * from './store/useStore';
 export * from './store/useSelector';
 
 // plugins configs
-
 export * from '../BarChart/BarChart.plugins';
 export * from '../LineChart/LineChart.plugins';
 export * from '../ScatterChart/ScatterChart.plugins';