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

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/modern/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/modern/ResponsiveChartContainer/index.js

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

package/modern/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/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;

package/node/ResponsiveChartContainer/ResizableContainer.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ResizableContainer = void 0;
-var _styles = require("@mui/material/styles");
-/**
- * Wrapping div that take the shape of its parent.
- *
- * @ignore - do not document.
- */
-const ResizableContainer = exports.ResizableContainer = (0, _styles.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/node/ResponsiveChartContainer/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ResponsiveChartContainer = require("./ResponsiveChartContainer");
-Object.keys(_ResponsiveChartContainer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ResponsiveChartContainer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ResponsiveChartContainer[key];
-    }
-  });
-});

package/node/ResponsiveChartContainer/useResponsiveChartContainerProps.js

@@ -1,77 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useResponsiveChartContainerProps = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _useChartContainerDimensions = require("./useChartContainerDimensions");
-const _excluded = ["width", "height", "resolveSizeBeforeRender", "margin", "children", "series", "colors", "dataset", "desc", "disableAxisListener", "highlightedItem", "onHighlightChange", "plugins", "sx", "title", "viewBox", "xAxis", "yAxis", "zAxis", "skipAnimation"];
-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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const {
-    containerRef,
-    width: dWidth,
-    height: dHeight
-  } = (0, _useChartContainerDimensions.useChartContainerDimensions)(width, height, resolveSizeBeforeRender);
-  const resizableChartContainerProps = (0, _extends2.default)({}, 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
-  };
-};
-exports.useResponsiveChartContainerProps = useResponsiveChartContainerProps;