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

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/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 };

package/modern/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/node/ChartsTooltip/DefaultChartsAxisTooltipContent.js

@@ -1,129 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DefaultChartsAxisTooltipContent = DefaultChartsAxisTooltipContent;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _ChartsTooltipTable = require("./ChartsTooltipTable");
-var _utils = require("./utils");
-var _getLabel = require("../internals/getLabel");
-var _isCartesian = require("../internals/isCartesian");
-var _jsxRuntime = require("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' ? (0, _utils.utcFormatter)(v) : v.toLocaleString());
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipPaper, {
-    sx: sx,
-    className: classes.paper,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipTable, {
-      className: classes.table,
-      children: [axisValue != null && !axis.hideTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipRow, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            colSpan: 3,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-              children: axisFormatter(axisValue, {
-                location: 'tooltip'
-              })
-            })
-          })
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-        children: series.filter(_isCartesian.isCartesianSeries).map(({
-          id,
-          label,
-          valueFormatter,
-          data,
-          getColor
-        }) => {
-          // @ts-ignore
-          const formattedValue = valueFormatter(data[dataIndex] ?? null, {
-            dataIndex
-          });
-          if (formattedValue == null) {
-            return null;
-          }
-          const formattedLabel = (0, _getLabel.getLabel)(label, 'tooltip');
-          const color = getColor(dataIndex);
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipRow, {
-            className: classes.row,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-              className: (0, _clsx.default)(classes.markCell, classes.cell),
-              children: color && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipMark, {
-                color: color,
-                className: classes.mark
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-              className: (0, _clsx.default)(classes.labelCell, classes.cell),
-              children: formattedLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-                children: formattedLabel
-              }) : null
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-              className: (0, _clsx.default)(classes.valueCell, classes.cell),
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-                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.default.object.isRequired,
-  /**
-   * Data identifying the triggered axis.
-   */
-  axisData: _propTypes.default.shape({
-    x: _propTypes.default.shape({
-      index: _propTypes.default.number,
-      value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired
-    }),
-    y: _propTypes.default.shape({
-      index: _propTypes.default.number,
-      value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired
-    })
-  }).isRequired,
-  /**
-   * The value associated to the current mouse position.
-   */
-  axisValue: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object.isRequired,
-  /**
-   * The index of the data item triggered.
-   */
-  dataIndex: _propTypes.default.number,
-  /**
-   * The series linked to the triggered axis.
-   */
-  series: _propTypes.default.arrayOf(_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])
-} : void 0;

package/node/ChartsTooltip/DefaultChartsItemTooltipContent.js

@@ -1,98 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DefaultChartsItemTooltipContent = DefaultChartsItemTooltipContent;
-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 _ChartsTooltipTable = require("./ChartsTooltipTable");
-var _getLabel = require("../internals/getLabel");
-var _jsxRuntime = require("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: (0, _getLabel.getLabel)(series.data[itemData.dataIndex].label, 'tooltip')
-  } : {
-    color: getColor(itemData.dataIndex),
-    displayedLabel: (0, _getLabel.getLabel)(series.label, 'tooltip')
-  };
-  const value = series.type === 'pie' ? (0, _extends2.default)({}, series.data[itemData.dataIndex], {
-    label: (0, _getLabel.getLabel)(series.data[itemData.dataIndex].label, 'tooltip')
-  }) : series.data[itemData.dataIndex];
-  const formattedValue = series.valueFormatter?.(value, {
-    dataIndex: itemData.dataIndex
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipPaper, {
-    sx: sx,
-    className: classes.paper,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipTable, {
-      className: classes.table,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsTooltipTable.ChartsTooltipRow, {
-          className: classes.row,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            className: (0, _clsx.default)(classes.markCell, classes.cell),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipMark, {
-              color: color,
-              className: classes.mark
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            className: (0, _clsx.default)(classes.labelCell, classes.cell),
-            children: displayedLabel
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsTooltipTable.ChartsTooltipCell, {
-            className: (0, _clsx.default)(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.default.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.default.func.isRequired,
-  /**
-   * The data used to identify the triggered item.
-   */
-  itemData: _propTypes.default.shape({
-    dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
-    type: _propTypes.default.oneOf(['bar', 'line', 'pie', 'scatter']).isRequired
-  }).isRequired,
-  /**
-   * The series linked to the triggered axis.
-   */
-  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])
-} : void 0;