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

package/modern/LineChart/MarkElement.js

@@ -1,124 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["x", "y", "id", "classes", "color", "shape", "dataIndex", "onClick", "skipAnimation"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@mui/material/styles';
-import { symbol as d3Symbol, symbolsFill as d3SymbolsFill } from '@mui/x-charts-vendor/d3-shape';
-import { animated, to, useSpringValue } from '@react-spring/web';
-import { getSymbol } from "../internals/getSymbol.js";
-import { useInteractionItemProps } from "../hooks/useInteractionItemProps.js";
-import { useItemHighlighted } from "../hooks/useItemHighlighted.js";
-import { useUtilityClasses } from "./markElementClasses.js";
-import { selectorChartsInteractionXAxis } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
-import { useSelector } from "../internals/store/useSelector.js";
-import { useStore } from "../internals/store/useStore.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const MarkElementPath = styled(animated.path, {
-  name: 'MuiMarkElement',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
-})(({
-  ownerState,
-  theme
-}) => ({
-  fill: (theme.vars || theme).palette.background.paper,
-  stroke: ownerState.color,
-  strokeWidth: 2
-}));
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
- *
- * API:
- *
- * - [MarkElement API](https://mui.com/x/api/charts/mark-element/)
- */
-function MarkElement(props) {
-  const {
-      x,
-      y,
-      id,
-      classes: innerClasses,
-      color,
-      shape,
-      dataIndex,
-      onClick,
-      skipAnimation
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const interactionProps = useInteractionItemProps({
-    type: 'line',
-    seriesId: id,
-    dataIndex
-  });
-  const {
-    isFaded,
-    isHighlighted
-  } = useItemHighlighted({
-    seriesId: id
-  });
-  const store = useStore();
-  const xAxisIdentifier = useSelector(store, selectorChartsInteractionXAxis);
-  const cx = useSpringValue(x, {
-    immediate: skipAnimation
-  });
-  const cy = useSpringValue(y, {
-    immediate: skipAnimation
-  });
-  React.useEffect(() => {
-    cy.start(y, {
-      immediate: skipAnimation
-    });
-    cx.start(x, {
-      immediate: skipAnimation
-    });
-  }, [cy, y, cx, x, skipAnimation]);
-  const ownerState = {
-    id,
-    classes: innerClasses,
-    isHighlighted: xAxisIdentifier?.index === dataIndex || isHighlighted,
-    isFaded,
-    color
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(MarkElementPath, _extends({}, other, {
-    style: {
-      transform: to([cx, cy], (pX, pY) => `translate(${pX}px, ${pY}px)`),
-      transformOrigin: to([cx, cy], (pX, pY) => `${pX}px ${pY}px`)
-    },
-    ownerState: ownerState
-    // @ts-expect-error
-    ,
-    className: classes.root,
-    d: d3Symbol(d3SymbolsFill[getSymbol(shape)])(),
-    onClick: onClick,
-    cursor: onClick ? 'pointer' : 'unset'
-  }, interactionProps));
-}
-process.env.NODE_ENV !== "production" ? MarkElement.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  classes: PropTypes.object,
-  /**
-   * The index to the element in the series' data array.
-   */
-  dataIndex: PropTypes.number.isRequired,
-  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  /**
-   * The shape of the marker.
-   */
-  shape: PropTypes.oneOf(['circle', 'cross', 'diamond', 'square', 'star', 'triangle', 'wye']).isRequired,
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation: PropTypes.bool
-} : void 0;
-export { MarkElement };

package/modern/LineChart/MarkPlot.d.ts

@@ -1,42 +0,0 @@
-import * as React from 'react';
-import { LineItemIdentifier } from "../models/seriesType/line.js";
-import { MarkElementProps } from "./MarkElement.js";
-export interface MarkPlotSlots {
-  mark?: React.JSXElementConstructor<MarkElementProps>;
-}
-export interface MarkPlotSlotProps {
-  mark?: Partial<MarkElementProps>;
-}
-export interface MarkPlotProps extends React.SVGAttributes<SVGSVGElement>, Pick<MarkElementProps, 'skipAnimation'> {
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: MarkPlotSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: MarkPlotSlotProps;
-  /**
-   * Callback fired when a line mark item is clicked.
-   * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line mark item identifier.
-   */
-  onItemClick?: (event: React.MouseEvent<SVGElement, MouseEvent>, lineItemIdentifier: LineItemIdentifier) => void;
-}
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
- *
- * API:
- *
- * - [MarkPlot API](https://mui.com/x/api/charts/mark-plot/)
- */
-declare function MarkPlot(props: MarkPlotProps): React.JSX.Element | null;
-declare namespace MarkPlot {
-  var propTypes: any;
-}
-export { MarkPlot };

package/modern/LineChart/MarkPlot.js

@@ -1,181 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["slots", "slotProps", "skipAnimation", "onItemClick"];
-import PropTypes from 'prop-types';
-import * as React from 'react';
-import { DEFAULT_X_AXIS_KEY } from "../constants/index.js";
-import { useSkipAnimation } from "../context/AnimationProvider/index.js";
-import { useChartId } from "../hooks/useChartId.js";
-import { getValueToPositionMapper } from "../hooks/useScale.js";
-import { useLineSeriesContext } from "../hooks/useLineSeries.js";
-import { cleanId } from "../internals/cleanId.js";
-import { CircleMarkElement } from "./CircleMarkElement.js";
-import getColor from "./seriesConfig/getColor.js";
-import { MarkElement } from "./MarkElement.js";
-import { useChartContext } from "../context/ChartProvider/index.js";
-import { useXAxes, useYAxes } from "../hooks/index.js";
-import { useInternalIsZoomInteracting } from "../internals/plugins/featurePlugins/useChartCartesianAxis/useInternalIsZoomInteracting.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
- *
- * API:
- *
- * - [MarkPlot API](https://mui.com/x/api/charts/mark-plot/)
- */
-function MarkPlot(props) {
-  const {
-      slots,
-      slotProps,
-      skipAnimation: inSkipAnimation,
-      onItemClick
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const isZoomInteracting = useInternalIsZoomInteracting();
-  const skipAnimation = useSkipAnimation(isZoomInteracting || inSkipAnimation);
-  const seriesData = useLineSeriesContext();
-  const {
-    xAxis,
-    xAxisIds
-  } = useXAxes();
-  const {
-    yAxis,
-    yAxisIds
-  } = useYAxes();
-  const chartId = useChartId();
-  const {
-    instance
-  } = useChartContext();
-  if (seriesData === undefined) {
-    return null;
-  }
-  const {
-    series,
-    stackingGroups
-  } = seriesData;
-  const defaultXAxisId = xAxisIds[0];
-  const defaultYAxisId = yAxisIds[0];
-  return /*#__PURE__*/_jsx("g", _extends({}, other, {
-    children: stackingGroups.flatMap(({
-      ids: groupIds
-    }) => {
-      return groupIds.map(seriesId => {
-        const {
-          xAxisId = defaultXAxisId,
-          yAxisId = defaultYAxisId,
-          stackedData,
-          data,
-          showMark = true,
-          shape = 'circle'
-        } = series[seriesId];
-        if (showMark === false) {
-          return null;
-        }
-        const xScale = getValueToPositionMapper(xAxis[xAxisId].scale);
-        const yScale = yAxis[yAxisId].scale;
-        const xData = xAxis[xAxisId].data;
-        if (xData === undefined) {
-          throw new Error(`MUI X: ${xAxisId === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
-        }
-        const clipId = cleanId(`${chartId}-${seriesId}-line-clip`); // We assume that if displaying line mark, the line will also be rendered
-
-        const colorGetter = getColor(series[seriesId], xAxis[xAxisId], yAxis[yAxisId]);
-        const Mark = slots?.mark ?? (shape === 'circle' ? CircleMarkElement : MarkElement);
-        return /*#__PURE__*/_jsx("g", {
-          clipPath: `url(#${clipId})`,
-          children: xData?.map((x, index) => {
-            const value = data[index] == null ? null : stackedData[index][1];
-            return {
-              x: xScale(x),
-              y: value === null ? null : yScale(value),
-              position: x,
-              value,
-              index
-            };
-          }).filter(({
-            x,
-            y,
-            index,
-            position,
-            value
-          }) => {
-            if (value === null || y === null) {
-              // Remove missing data point
-              return false;
-            }
-            if (!instance.isPointInside({
-              x,
-              y
-            })) {
-              // Remove out of range
-              return false;
-            }
-            if (showMark === true) {
-              return true;
-            }
-            return showMark({
-              x,
-              y,
-              index,
-              position,
-              value
-            });
-          }).map(({
-            x,
-            y,
-            index
-          }) => {
-            return /*#__PURE__*/_jsx(Mark, _extends({
-              id: seriesId,
-              dataIndex: index,
-              shape: shape,
-              color: colorGetter(index),
-              x: x,
-              y: y // Don't know why TS doesn't get from the filter that y can't be null
-              ,
-              skipAnimation: skipAnimation,
-              onClick: onItemClick && (event => onItemClick(event, {
-                type: 'line',
-                seriesId,
-                dataIndex: index
-              }))
-            }, slotProps?.mark), `${seriesId}-${index}`);
-          })
-        }, seriesId);
-      });
-    })
-  }));
-}
-process.env.NODE_ENV !== "production" ? MarkPlot.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Callback fired when a line mark item is clicked.
-   * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line mark item identifier.
-   */
-  onItemClick: PropTypes.func,
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation: PropTypes.bool,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object
-} : void 0;
-export { MarkPlot };

package/modern/LineChart/index.d.ts

@@ -1,13 +0,0 @@
-export * from "./LineChart.js";
-export * from "./LinePlot.js";
-export * from "./AreaPlot.js";
-export * from "./MarkPlot.js";
-export * from "./LineHighlightPlot.js";
-export * from "./AreaElement.js";
-export * from "./AnimatedArea.js";
-export * from "./LineElement.js";
-export * from "./AnimatedLine.js";
-export * from "./MarkElement.js";
-export * from "./LineHighlightElement.js";
-export type { MarkElementClasses, MarkElementClassKey } from './markElementClasses';
-export { getMarkElementUtilityClass, markElementClasses } from "./markElementClasses.js";

package/modern/LineChart/index.js

@@ -1,12 +0,0 @@
-export * from "./LineChart.js";
-export * from "./LinePlot.js";
-export * from "./AreaPlot.js";
-export * from "./MarkPlot.js";
-export * from "./LineHighlightPlot.js";
-export * from "./AreaElement.js";
-export * from "./AnimatedArea.js";
-export * from "./LineElement.js";
-export * from "./AnimatedLine.js";
-export * from "./MarkElement.js";
-export * from "./LineHighlightElement.js";
-export { getMarkElementUtilityClass, markElementClasses } from "./markElementClasses.js";

package/modern/LineChart/markElementClasses.d.ts

@@ -1,20 +0,0 @@
-import { SeriesId } from "../models/seriesType/common.js";
-export interface MarkElementClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element when highlighted. */
-  highlighted: string;
-  /** Styles applied to the root element when faded. */
-  faded: string;
-}
-export type MarkElementClassKey = keyof MarkElementClasses;
-export interface MarkElementOwnerState {
-  id: SeriesId;
-  color: string;
-  isFaded: boolean;
-  isHighlighted: boolean;
-  classes?: Partial<MarkElementClasses>;
-}
-export declare function getMarkElementUtilityClass(slot: string): string;
-export declare const markElementClasses: MarkElementClasses;
-export declare const useUtilityClasses: (ownerState: MarkElementOwnerState) => Record<"root", string>;

package/modern/LineChart/seriesConfig/extremums.d.ts

@@ -1,3 +0,0 @@
-import { CartesianExtremumGetter } from "../../internals/plugins/models/seriesConfig/index.js";
-export declare const getExtremumX: CartesianExtremumGetter<'line'>;
-export declare const getExtremumY: CartesianExtremumGetter<'line'>;

package/modern/LineChart/seriesConfig/extremums.js

@@ -1,57 +0,0 @@
-export const getExtremumX = params => {
-  const {
-    axis
-  } = params;
-  const minX = Math.min(...(axis.data ?? []));
-  const maxX = Math.max(...(axis.data ?? []));
-  return [minX, maxX];
-};
-function getSeriesExtremums(getValues, data, stackedData, filter) {
-  return stackedData.reduce((seriesAcc, stackedValue, index) => {
-    if (data[index] === null) {
-      return seriesAcc;
-    }
-    const [base, value] = getValues(stackedValue);
-    if (filter && (!filter({
-      y: base,
-      x: null
-    }, index) || !filter({
-      y: value,
-      x: null
-    }, index))) {
-      return seriesAcc;
-    }
-    return [Math.min(base, value, seriesAcc[0]), Math.max(base, value, seriesAcc[1])];
-  }, [Infinity, -Infinity]);
-}
-export const getExtremumY = params => {
-  const {
-    series,
-    axis,
-    isDefaultAxis,
-    getFilters
-  } = params;
-  return Object.keys(series).filter(seriesId => {
-    const yAxisId = series[seriesId].yAxisId;
-    return yAxisId === axis.id || isDefaultAxis && yAxisId === undefined;
-  }).reduce((acc, seriesId) => {
-    const {
-      area,
-      stackedData,
-      data
-    } = series[seriesId];
-    const isArea = area !== undefined;
-    const filter = getFilters?.({
-      currentAxisId: axis.id,
-      isDefaultAxis,
-      seriesXAxisId: series[seriesId].xAxisId,
-      seriesYAxisId: series[seriesId].yAxisId
-    });
-
-    // Since this series is not used to display an area, we do not consider the base (the d[0]).
-    const getValues = isArea && axis.scaleType !== 'log' && typeof series[seriesId].baseline !== 'string' ? d => d : d => [d[1], d[1]];
-    const seriesExtremums = getSeriesExtremums(getValues, data, stackedData, filter);
-    const [seriesMin, seriesMax] = seriesExtremums;
-    return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
-  }, [Infinity, -Infinity]);
-};

package/modern/LineChart/seriesConfig/getColor.d.ts

@@ -1,3 +0,0 @@
-import { ColorProcessor } from "../../internals/plugins/models/index.js";
-declare const getColor: ColorProcessor<'line'>;
-export default getColor;

package/modern/LineChart/seriesConfig/getColor.js

@@ -1,26 +0,0 @@
-const getColor = (series, xAxis, yAxis) => {
-  const yColorScale = yAxis?.colorScale;
-  const xColorScale = xAxis?.colorScale;
-  if (yColorScale) {
-    return dataIndex => {
-      const value = series.data[dataIndex];
-      const color = value === null ? series.color : yColorScale(value);
-      if (color === null) {
-        return series.color;
-      }
-      return color;
-    };
-  }
-  if (xColorScale) {
-    return dataIndex => {
-      const value = xAxis.data?.[dataIndex];
-      const color = value === null ? series.color : xColorScale(value);
-      if (color === null) {
-        return series.color;
-      }
-      return color;
-    };
-  }
-  return () => series.color;
-};
-export default getColor;

package/modern/LineChart/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +0,0 @@
-import type { GetSeriesWithDefaultValues } from '../../internals/plugins/models/seriesConfig';
-declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'line'>;
-export default getSeriesWithDefaultValues;

package/modern/LineChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -1,8 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
-  return _extends({
-    id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
-    color: colors[seriesIndex % colors.length]
-  }, seriesData);
-};
-export default getSeriesWithDefaultValues;

package/modern/LineChart/seriesConfig/index.d.ts

@@ -1,2 +0,0 @@
-import { ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
-export declare const seriesConfig: ChartSeriesTypeConfig<'line'>;

package/modern/LineChart/seriesConfig/index.js

@@ -1,15 +0,0 @@
-import { getExtremumX, getExtremumY } from "./extremums.js";
-import seriesProcessor from "./seriesProcessor.js";
-import getColor from "./getColor.js";
-import legendGetter from "./legend.js";
-import tooltipGetter from "./tooltip.js";
-import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.js";
-export const seriesConfig = {
-  colorProcessor: getColor,
-  seriesProcessor,
-  legendGetter,
-  tooltipGetter,
-  xExtremumGetter: getExtremumX,
-  yExtremumGetter: getExtremumY,
-  getSeriesWithDefaultValues
-};

package/modern/LineChart/seriesConfig/legend.d.ts

@@ -1,3 +0,0 @@
-import { LegendGetter } from "../../internals/plugins/models/index.js";
-declare const legendGetter: LegendGetter<'line'>;
-export default legendGetter;

package/modern/LineChart/seriesConfig/legend.js

@@ -1,22 +0,0 @@
-import { getLabel } from "../../internals/getLabel.js";
-const legendGetter = params => {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  return seriesOrder.reduce((acc, seriesId) => {
-    const formattedLabel = getLabel(series[seriesId].label, 'legend');
-    if (formattedLabel === undefined) {
-      return acc;
-    }
-    acc.push({
-      markType: series[seriesId].labelMarkType,
-      id: seriesId,
-      seriesId,
-      color: series[seriesId].color,
-      label: formattedLabel
-    });
-    return acc;
-  }, []);
-};
-export default legendGetter;

package/modern/LineChart/seriesConfig/seriesProcessor.d.ts

@@ -1,3 +0,0 @@
-import { SeriesProcessor } from "../../internals/plugins/models/index.js";
-declare const seriesProcessor: SeriesProcessor<'line'>;
-export default seriesProcessor;

package/modern/LineChart/seriesConfig/seriesProcessor.js

@@ -1,77 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { stack as d3Stack } from '@mui/x-charts-vendor/d3-shape';
-import { warnOnce } from '@mui/x-internals/warning';
-import { getStackingGroups } from "../../internals/stackSeries.js";
-import { defaultizeValueFormatter } from "../../internals/defaultizeValueFormatter.js";
-// For now it's a copy past of bar charts formatter, but maybe will diverge later
-const seriesProcessor = (params, dataset) => {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  const stackingGroups = getStackingGroups(_extends({}, params, {
-    defaultStrategy: {
-      stackOffset: 'none'
-    }
-  }));
-
-  // Create a data set with format adapted to d3
-  const d3Dataset = dataset ?? [];
-  seriesOrder.forEach(id => {
-    const data = series[id].data;
-    if (data !== undefined) {
-      data.forEach((value, index) => {
-        if (d3Dataset.length <= index) {
-          d3Dataset.push({
-            [id]: value
-          });
-        } else {
-          d3Dataset[index][id] = value;
-        }
-      });
-    } else if (dataset === undefined && process.env.NODE_ENV !== 'production') {
-      throw new Error([`MUI X: line series with id='${id}' has no data.`, 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
-    }
-  });
-  const completedSeries = {};
-  stackingGroups.forEach(stackingGroup => {
-    // Get stacked values, and derive the domain
-    const {
-      ids,
-      stackingOrder,
-      stackingOffset
-    } = stackingGroup;
-    const stackedSeries = d3Stack().keys(ids.map(id => {
-      // Use dataKey if needed and available
-      const dataKey = series[id].dataKey;
-      return series[id].data === undefined && dataKey !== undefined ? dataKey : id;
-    })).value((d, key) => d[key] ?? 0) // defaultize null value to 0
-    .order(stackingOrder).offset(stackingOffset)(d3Dataset);
-    ids.forEach((id, index) => {
-      const dataKey = series[id].dataKey;
-      completedSeries[id] = _extends({
-        labelMarkType: 'line'
-      }, series[id], {
-        data: dataKey ? dataset.map(data => {
-          const value = data[dataKey];
-          if (typeof value !== 'number') {
-            if (process.env.NODE_ENV !== 'production') {
-              if (value !== null) {
-                warnOnce([`MUI X: Your dataset key "${dataKey}" is used for plotting line, but contains nonnumerical elements.`, 'Line plots only support numbers and null values.']);
-              }
-            }
-            return null;
-          }
-          return value;
-        }) : series[id].data,
-        stackedData: stackedSeries[index].map(([a, b]) => [a, b])
-      });
-    });
-  });
-  return {
-    seriesOrder,
-    stackingGroups,
-    series: defaultizeValueFormatter(completedSeries, v => v == null ? '' : v.toLocaleString())
-  };
-};
-export default seriesProcessor;

package/modern/LineChart/seriesConfig/tooltip.d.ts

@@ -1,3 +0,0 @@
-import type { TooltipGetter } from '../../internals/plugins/models';
-declare const tooltipGetter: TooltipGetter<'line'>;
-export default tooltipGetter;

package/modern/LineChart/seriesConfig/tooltip.js

@@ -1,25 +0,0 @@
-import { getLabel } from "../../internals/getLabel.js";
-const tooltipGetter = params => {
-  const {
-    series,
-    getColor,
-    identifier
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
-    return null;
-  }
-  const label = getLabel(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  return {
-    identifier,
-    color: getColor(identifier.dataIndex),
-    label,
-    value,
-    formattedValue,
-    markType: series.labelMarkType
-  };
-};
-export default tooltipGetter;