@mui/x-charts 7.22.3 → 8.0.0-alpha.1

package/node/internals/useSelector.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelector = void 0;
+var _withSelector = require("use-sync-external-store/with-selector");
+const defaultCompare = Object.is;
+const useSelector = (store, selector, args = undefined, equals = defaultCompare) => {
+  const selectorWithArgs = state => selector(state, args);
+  return (0, _withSelector.useSyncExternalStoreWithSelector)(store.subscribe, store.getSnapshot, store.getSnapshot, selectorWithArgs, equals);
+};
+exports.useSelector = useSelector;

package/node/internals/useStore.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStore = useStore;
+var React = _interopRequireWildcard(require("react"));
+var _InteractionProvider = require("../context/InteractionProvider");
+function useStore(skipError) {
+  const charts = React.useContext(_InteractionProvider.ChartsContext);
+  if (skipError) {
+    // TODO: Remove once store is used by all charts.
+    // This line is only for `useAxisEvents` which is in the surface of the Gauge.
+    // But the Gauge don't have store yet because it does not need the interaction provider.
+    // Will be fixed when every thing move to the store since every component will have access to it.
+    // @ts-ignore
+    return charts?.store;
+  }
+  if (!charts) {
+    throw new Error(['MUI X: Could not find the charts context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
+  }
+  return charts.store;
+}

package/node/internals/useStringInterpolator.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useStringInterpolator = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
+/* eslint-disable react-compiler/react-compiler */
+
 function usePrevious(value) {
   const ref = React.useRef({
     currentPath: value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "7.22.3",
+  "version": "8.0.0-alpha.1",
   "description": "The community edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -29,22 +29,24 @@
     "directory": "packages/x-charts"
   },
   "dependencies": {
-    "@babel/runtime": "^7.25.7",
+    "@babel/runtime": "^7.26.0",
     "@mui/utils": "^5.16.6 || ^6.0.0",
     "@react-spring/rafz": "^9.7.5",
     "@react-spring/web": "^9.7.5",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-charts-vendor": "7.20.0",
-    "@mui/x-internals": "7.21.0"
+    "reselect": "^5.1.1",
+    "use-sync-external-store": "^1.0.0",
+    "@mui/x-charts-vendor": "8.0.0-alpha.1",
+    "@mui/x-internals": "8.0.0-alpha.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@mui/material": "^5.15.14 || ^6.0.0",
     "@mui/system": "^5.15.14 || ^6.0.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "@emotion/react": {

package/themeAugmentation/props.d.ts

@@ -8,14 +8,13 @@ import { LineChartProps } from '../LineChart/LineChart';
 import { ScatterChartProps } from '../ScatterChart/ScatterChart';
 import { PieChartProps } from '../PieChart/PieChart';
 import { ChartsXAxisProps, ChartsYAxisProps } from '../models/axis';
-import { ChartSeriesType } from '../models/seriesType/config';
 
 export interface ChartsComponentsPropsList {
   MuiChartsXAxis: ChartsXAxisProps;
   MuiChartsYAxis: ChartsYAxisProps;
   MuiChartsGrid: ChartsGridProps;
   MuiChartsLegend: ChartsLegendProps;
-  MuiChartsTooltip: ChartsTooltipProps<ChartSeriesType>;
+  MuiChartsTooltip: ChartsTooltipProps;
   MuiChartsSurface: ChartsSurfaceProps;
 
   // BarChart components

package/ChartsTooltip/DefaultChartsAxisTooltipContent.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import type { ChartsAxisContentProps } from './ChartsAxisTooltipContent';
-declare function DefaultChartsAxisTooltipContent(props: ChartsAxisContentProps): React.JSX.Element | null;
-declare namespace DefaultChartsAxisTooltipContent {
-    var propTypes: any;
-}
-export { DefaultChartsAxisTooltipContent };

package/ChartsTooltip/DefaultChartsAxisTooltipContent.js

@@ -1,123 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import Typography from '@mui/material/Typography';
-import { ChartsTooltipCell, ChartsTooltipPaper, ChartsTooltipTable, ChartsTooltipMark, ChartsTooltipRow } from "./ChartsTooltipTable.js";
-import { utcFormatter } from "./utils.js";
-import { getLabel } from "../internals/getLabel.js";
-import { isCartesianSeries } from "../internals/isCartesian.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function DefaultChartsAxisTooltipContent(props) {
-  const {
-    series,
-    axis,
-    dataIndex,
-    axisValue,
-    sx,
-    classes
-  } = props;
-  if (dataIndex == null) {
-    return null;
-  }
-  const axisFormatter = axis.valueFormatter ?? (v => axis.scaleType === 'utc' ? utcFormatter(v) : v.toLocaleString());
-  return /*#__PURE__*/_jsx(ChartsTooltipPaper, {
-    sx: sx,
-    className: classes.paper,
-    children: /*#__PURE__*/_jsxs(ChartsTooltipTable, {
-      className: classes.table,
-      children: [axisValue != null && !axis.hideTooltip && /*#__PURE__*/_jsx("thead", {
-        children: /*#__PURE__*/_jsx(ChartsTooltipRow, {
-          children: /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            colSpan: 3,
-            children: /*#__PURE__*/_jsx(Typography, {
-              children: axisFormatter(axisValue, {
-                location: 'tooltip'
-              })
-            })
-          })
-        })
-      }), /*#__PURE__*/_jsx("tbody", {
-        children: series.filter(isCartesianSeries).map(({
-          id,
-          label,
-          valueFormatter,
-          data,
-          getColor
-        }) => {
-          // @ts-ignore
-          const formattedValue = valueFormatter(data[dataIndex] ?? null, {
-            dataIndex
-          });
-          if (formattedValue == null) {
-            return null;
-          }
-          const formattedLabel = getLabel(label, 'tooltip');
-          const color = getColor(dataIndex);
-          return /*#__PURE__*/_jsxs(ChartsTooltipRow, {
-            className: classes.row,
-            children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: clsx(classes.markCell, classes.cell),
-              children: color && /*#__PURE__*/_jsx(ChartsTooltipMark, {
-                color: color,
-                className: classes.mark
-              })
-            }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: clsx(classes.labelCell, classes.cell),
-              children: formattedLabel ? /*#__PURE__*/_jsx(Typography, {
-                children: formattedLabel
-              }) : null
-            }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: clsx(classes.valueCell, classes.cell),
-              children: /*#__PURE__*/_jsx(Typography, {
-                children: formattedValue
-              })
-            })]
-          }, id);
-        })
-      })]
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? DefaultChartsAxisTooltipContent.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The properties of the triggered axis.
-   */
-  axis: PropTypes.object.isRequired,
-  /**
-   * Data identifying the triggered axis.
-   */
-  axisData: PropTypes.shape({
-    x: PropTypes.shape({
-      index: PropTypes.number,
-      value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired
-    }),
-    y: PropTypes.shape({
-      index: PropTypes.number,
-      value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired
-    })
-  }).isRequired,
-  /**
-   * The value associated to the current mouse position.
-   */
-  axisValue: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object.isRequired,
-  /**
-   * The index of the data item triggered.
-   */
-  dataIndex: PropTypes.number,
-  /**
-   * The series linked to the triggered axis.
-   */
-  series: PropTypes.arrayOf(PropTypes.object).isRequired,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { DefaultChartsAxisTooltipContent };

package/ChartsTooltip/DefaultChartsItemTooltipContent.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { ChartSeriesType } from '../models/seriesType/config';
-import type { ChartsItemContentProps } from './ChartsItemTooltipContent';
-declare function DefaultChartsItemTooltipContent<T extends ChartSeriesType = ChartSeriesType>(props: ChartsItemContentProps<T>): React.JSX.Element | null;
-declare namespace DefaultChartsItemTooltipContent {
-    var propTypes: any;
-}
-export { DefaultChartsItemTooltipContent };

package/ChartsTooltip/DefaultChartsItemTooltipContent.js

@@ -1,92 +0,0 @@
-'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 { ChartsTooltipTable, ChartsTooltipCell, ChartsTooltipMark, ChartsTooltipPaper, ChartsTooltipRow } from "./ChartsTooltipTable.js";
-import { getLabel } from "../internals/getLabel.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function DefaultChartsItemTooltipContent(props) {
-  const {
-    series,
-    itemData,
-    sx,
-    classes,
-    getColor
-  } = props;
-  if (itemData.dataIndex === undefined || !series.data[itemData.dataIndex]) {
-    return null;
-  }
-  const {
-    displayedLabel,
-    color
-  } = series.type === 'pie' ? {
-    color: getColor(itemData.dataIndex),
-    displayedLabel: getLabel(series.data[itemData.dataIndex].label, 'tooltip')
-  } : {
-    color: getColor(itemData.dataIndex),
-    displayedLabel: getLabel(series.label, 'tooltip')
-  };
-  const value = series.type === 'pie' ? _extends({}, series.data[itemData.dataIndex], {
-    label: getLabel(series.data[itemData.dataIndex].label, 'tooltip')
-  }) : series.data[itemData.dataIndex];
-  const formattedValue = series.valueFormatter?.(value, {
-    dataIndex: itemData.dataIndex
-  });
-  return /*#__PURE__*/_jsx(ChartsTooltipPaper, {
-    sx: sx,
-    className: classes.paper,
-    children: /*#__PURE__*/_jsx(ChartsTooltipTable, {
-      className: classes.table,
-      children: /*#__PURE__*/_jsx("tbody", {
-        children: /*#__PURE__*/_jsxs(ChartsTooltipRow, {
-          className: classes.row,
-          children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: clsx(classes.markCell, classes.cell),
-            children: /*#__PURE__*/_jsx(ChartsTooltipMark, {
-              color: color,
-              className: classes.mark
-            })
-          }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: clsx(classes.labelCell, classes.cell),
-            children: displayedLabel
-          }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            className: clsx(classes.valueCell, classes.cell),
-            children: formattedValue
-          })]
-        })
-      })
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? DefaultChartsItemTooltipContent.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object.isRequired,
-  /**
-   * Get the color of the item with index `dataIndex`.
-   * @param {number} dataIndex The data index of the item.
-   * @returns {string} The color to display.
-   */
-  getColor: PropTypes.func.isRequired,
-  /**
-   * The data used to identify the triggered item.
-   */
-  itemData: PropTypes.shape({
-    dataIndex: PropTypes.number,
-    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-    type: PropTypes.oneOf(['bar', 'line', 'pie', 'scatter']).isRequired
-  }).isRequired,
-  /**
-   * The series linked to the triggered axis.
-   */
-  series: PropTypes.object.isRequired,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { DefaultChartsItemTooltipContent };

package/ResponsiveChartContainer/ResizableContainer.d.ts

@@ -1,9 +0,0 @@
-import type { ResponsiveChartContainerProps } from './ResponsiveChartContainer';
-/**
- * Wrapping div that take the shape of its parent.
- *
- * @ignore - do not document.
- */
-export declare const ResizableContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    ownerState: Pick<ResponsiveChartContainerProps, "width" | "height">;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;

package/ResponsiveChartContainer/ResizableContainer.js

@@ -1,26 +0,0 @@
-import { styled } from '@mui/material/styles';
-/**
- * Wrapping div that take the shape of its parent.
- *
- * @ignore - do not document.
- */
-export const ResizableContainer = styled('div', {
-  name: 'MuiResponsiveChart',
-  slot: 'Container'
-})(({
-  ownerState
-}) => ({
-  width: ownerState.width ?? '100%',
-  height: ownerState.height ?? '100%',
-  display: 'flex',
-  position: 'relative',
-  flexGrow: 1,
-  flexDirection: 'column',
-  alignItems: 'center',
-  justifyContent: 'center',
-  overflow: 'hidden',
-  '&>svg': {
-    width: '100%',
-    height: '100%'
-  }
-}));

package/ResponsiveChartContainer/ResponsiveChartContainer.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { ChartContainerProps } from '../ChartContainer';
-export interface ResponsiveChartContainerProps extends Omit<ChartContainerProps, 'width' | 'height'> {
-    /**
-     * The width of the chart in px. If not defined, it takes the width of the parent element.
-     */
-    width?: number;
-    /**
-     * The height of the chart in px. If not defined, it takes the height of the parent element.
-     */
-    height?: number;
-    /**
-     * The chart will try to wait for the parent container to resolve its size
-     * before it renders for the first time.
-     *
-     * This can be useful in some scenarios where the chart appear to grow after
-     * the first render, like when used inside a grid.
-     *
-     * @default false
-     */
-    resolveSizeBeforeRender?: boolean;
-}
-declare const ResponsiveChartContainer: React.ForwardRefExoticComponent<ResponsiveChartContainerProps & React.RefAttributes<unknown>>;
-export { ResponsiveChartContainer };

package/ResponsiveChartContainer/index.d.ts

@@ -1 +0,0 @@
-export * from './ResponsiveChartContainer';

package/ResponsiveChartContainer/index.js

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

package/ResponsiveChartContainer/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/ResponsiveChartContainer/index.js",
-  "types": "./index.d.ts"
-}

package/ResponsiveChartContainer/useChartContainerDimensions.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export declare const useChartContainerDimensions: (inWidth?: number, inHeight?: number, resolveSizeBeforeRender?: boolean) => {
-    containerRef: React.MutableRefObject<null>;
-    width: number;
-    height: number;
-};

package/ResponsiveChartContainer/useResponsiveChartContainerProps.d.ts

@@ -1,19 +0,0 @@
-import type { ResponsiveChartContainerProps } from './ResponsiveChartContainer';
-export declare const useResponsiveChartContainerProps: (props: ResponsiveChartContainerProps, ref: React.ForwardedRef<unknown>) => {
-    hasIntrinsicSize: number;
-    chartContainerProps: Omit<import("..").ChartsSurfaceProps & Omit<import("../internals").SeriesProviderProps, "seriesFormatters"> & Omit<import("../internals").DrawingProviderProps, "svgRef"> & Pick<import("../internals").CartesianProviderProps, "dataset"> & import("..").ZAxisContextProviderProps & import("..").HighlightedProviderProps & import("../internals").PluginProviderProps & import("../internals").AnimationProviderProps, "children"> & {
-        xAxis?: import("../internals").MakeOptional<import("..").AxisConfig<import("..").ScaleName, any, import("..").ChartsXAxisProps>, "id">[];
-        yAxis?: import("../internals").MakeOptional<import("..").AxisConfig<import("..").ScaleName, any, import("..").ChartsYAxisProps>, "id">[];
-        children?: React.ReactNode;
-    } & {
-        ref: React.ForwardedRef<unknown>;
-    };
-    resizableChartContainerProps: {
-        ownerState: {
-            width: number | undefined;
-            height: number | undefined;
-        };
-        ref: import("react").MutableRefObject<null>;
-        className?: string | undefined;
-    };
-};

package/ResponsiveChartContainer/useResponsiveChartContainerProps.js

@@ -1,70 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["width", "height", "resolveSizeBeforeRender", "margin", "children", "series", "colors", "dataset", "desc", "disableAxisListener", "highlightedItem", "onHighlightChange", "plugins", "sx", "title", "viewBox", "xAxis", "yAxis", "zAxis", "skipAnimation"];
-import { useChartContainerDimensions } from "./useChartContainerDimensions.js";
-export const useResponsiveChartContainerProps = (props, ref) => {
-  const {
-      width,
-      height,
-      resolveSizeBeforeRender,
-      margin,
-      children,
-      series,
-      colors,
-      dataset,
-      desc,
-      disableAxisListener,
-      highlightedItem,
-      onHighlightChange,
-      plugins,
-      sx,
-      title,
-      viewBox,
-      xAxis,
-      yAxis,
-      zAxis,
-      skipAnimation
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const {
-    containerRef,
-    width: dWidth,
-    height: dHeight
-  } = useChartContainerDimensions(width, height, resolveSizeBeforeRender);
-  const resizableChartContainerProps = _extends({}, other, {
-    ownerState: {
-      width,
-      height
-    },
-    ref: containerRef
-  });
-  const chartContainerProps = {
-    margin,
-    children,
-    series,
-    colors,
-    dataset,
-    desc,
-    disableAxisListener,
-    highlightedItem,
-    onHighlightChange,
-    plugins,
-    sx,
-    title,
-    viewBox,
-    xAxis,
-    yAxis,
-    zAxis,
-    skipAnimation,
-    width: dWidth,
-    height: dHeight,
-    ref
-  };
-  return {
-    hasIntrinsicSize: dWidth && dHeight,
-    chartContainerProps,
-    resizableChartContainerProps
-  };
-};

package/internals/SlotComponentPropsFromProps.d.ts

@@ -1 +0,0 @@
-export type SlotComponentPropsFromProps<TProps extends {}, TOverrides extends {}, TOwnerState extends {}> = (Partial<TProps> & TOverrides) | ((ownerState: TOwnerState) => Partial<TProps> & TOverrides);

package/models/helpers.d.ts

@@ -1,3 +0,0 @@
-export type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
-export type MakeRequired<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>;
-export type DefaultizedProps<P extends {}, RequiredProps extends keyof P, AdditionalProps extends {} = {}> = Omit<P, RequiredProps | keyof AdditionalProps> & Required<Pick<P, RequiredProps>> & AdditionalProps;

package/modern/ChartsTooltip/DefaultChartsAxisTooltipContent.js

@@ -1,123 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import Typography from '@mui/material/Typography';
-import { ChartsTooltipCell, ChartsTooltipPaper, ChartsTooltipTable, ChartsTooltipMark, ChartsTooltipRow } from "./ChartsTooltipTable.js";
-import { utcFormatter } from "./utils.js";
-import { getLabel } from "../internals/getLabel.js";
-import { isCartesianSeries } from "../internals/isCartesian.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function DefaultChartsAxisTooltipContent(props) {
-  const {
-    series,
-    axis,
-    dataIndex,
-    axisValue,
-    sx,
-    classes
-  } = props;
-  if (dataIndex == null) {
-    return null;
-  }
-  const axisFormatter = axis.valueFormatter ?? (v => axis.scaleType === 'utc' ? utcFormatter(v) : v.toLocaleString());
-  return /*#__PURE__*/_jsx(ChartsTooltipPaper, {
-    sx: sx,
-    className: classes.paper,
-    children: /*#__PURE__*/_jsxs(ChartsTooltipTable, {
-      className: classes.table,
-      children: [axisValue != null && !axis.hideTooltip && /*#__PURE__*/_jsx("thead", {
-        children: /*#__PURE__*/_jsx(ChartsTooltipRow, {
-          children: /*#__PURE__*/_jsx(ChartsTooltipCell, {
-            colSpan: 3,
-            children: /*#__PURE__*/_jsx(Typography, {
-              children: axisFormatter(axisValue, {
-                location: 'tooltip'
-              })
-            })
-          })
-        })
-      }), /*#__PURE__*/_jsx("tbody", {
-        children: series.filter(isCartesianSeries).map(({
-          id,
-          label,
-          valueFormatter,
-          data,
-          getColor
-        }) => {
-          // @ts-ignore
-          const formattedValue = valueFormatter(data[dataIndex] ?? null, {
-            dataIndex
-          });
-          if (formattedValue == null) {
-            return null;
-          }
-          const formattedLabel = getLabel(label, 'tooltip');
-          const color = getColor(dataIndex);
-          return /*#__PURE__*/_jsxs(ChartsTooltipRow, {
-            className: classes.row,
-            children: [/*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: clsx(classes.markCell, classes.cell),
-              children: color && /*#__PURE__*/_jsx(ChartsTooltipMark, {
-                color: color,
-                className: classes.mark
-              })
-            }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: clsx(classes.labelCell, classes.cell),
-              children: formattedLabel ? /*#__PURE__*/_jsx(Typography, {
-                children: formattedLabel
-              }) : null
-            }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
-              className: clsx(classes.valueCell, classes.cell),
-              children: /*#__PURE__*/_jsx(Typography, {
-                children: formattedValue
-              })
-            })]
-          }, id);
-        })
-      })]
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? DefaultChartsAxisTooltipContent.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The properties of the triggered axis.
-   */
-  axis: PropTypes.object.isRequired,
-  /**
-   * Data identifying the triggered axis.
-   */
-  axisData: PropTypes.shape({
-    x: PropTypes.shape({
-      index: PropTypes.number,
-      value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired
-    }),
-    y: PropTypes.shape({
-      index: PropTypes.number,
-      value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired
-    })
-  }).isRequired,
-  /**
-   * The value associated to the current mouse position.
-   */
-  axisValue: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object.isRequired,
-  /**
-   * The index of the data item triggered.
-   */
-  dataIndex: PropTypes.number,
-  /**
-   * The series linked to the triggered axis.
-   */
-  series: PropTypes.arrayOf(PropTypes.object).isRequired,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { DefaultChartsAxisTooltipContent };