@mui/x-charts 7.0.0-beta.3 → 7.0.0-beta.5

package/legacy/BarChart/BarElement.js

@@ -1,119 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "dataIndex", "classes", "color", "highlightScope", "slots", "slotProps", "style", "onClick"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import composeClasses from '@mui/utils/composeClasses';
-import { useSlotProps } from '@mui/base/utils';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import { styled } from '@mui/material/styles';
-import { color as d3Color } from 'd3-color';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import { animated } from '@react-spring/web';
-import { getIsFaded, getIsHighlighted, useInteractionItemProps } from '../hooks/useInteractionItemProps';
-import { InteractionContext } from '../context/InteractionProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function getBarElementUtilityClass(slot) {
-  return generateUtilityClass('MuiBarElement', slot);
-}
-export var barElementClasses = generateUtilityClasses('MuiBarElement', ['root']);
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    id = ownerState.id;
-  var slots = {
-    root: ['root', "series-".concat(id)]
-  };
-  return composeClasses(slots, getBarElementUtilityClass, classes);
-};
-export var BarElementPath = styled(animated.rect, {
-  name: 'MuiBarElement',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.root;
-  }
-})(function (_ref) {
-  var ownerState = _ref.ownerState;
-  return {
-    stroke: 'none',
-    shapeRendering: 'crispEdges',
-    fill: ownerState.isHighlighted ? d3Color(ownerState.color).brighter(0.5).formatHex() : ownerState.color,
-    transition: 'opacity 0.2s ease-in, fill 0.2s ease-in',
-    opacity: ownerState.isFaded && 0.3 || 1
-  };
-});
-function BarElement(props) {
-  var _slots$bar;
-  var id = props.id,
-    dataIndex = props.dataIndex,
-    innerClasses = props.classes,
-    color = props.color,
-    highlightScope = props.highlightScope,
-    slots = props.slots,
-    slotProps = props.slotProps,
-    style = props.style,
-    onClick = props.onClick,
-    other = _objectWithoutProperties(props, _excluded);
-  var getInteractionItemProps = useInteractionItemProps(highlightScope);
-  var _React$useContext = React.useContext(InteractionContext),
-    item = _React$useContext.item;
-  var isHighlighted = getIsHighlighted(item, {
-    type: 'bar',
-    seriesId: id,
-    dataIndex: dataIndex
-  }, highlightScope);
-  var isFaded = !isHighlighted && getIsFaded(item, {
-    type: 'bar',
-    seriesId: id,
-    dataIndex: dataIndex
-  }, highlightScope);
-  var ownerState = {
-    id: id,
-    dataIndex: dataIndex,
-    classes: innerClasses,
-    color: color,
-    isFaded: isFaded,
-    isHighlighted: isHighlighted
-  };
-  var classes = useUtilityClasses(ownerState);
-  var Bar = (_slots$bar = slots == null ? void 0 : slots.bar) != null ? _slots$bar : BarElementPath;
-  var barProps = useSlotProps({
-    elementType: Bar,
-    externalSlotProps: slotProps == null ? void 0 : slotProps.bar,
-    additionalProps: _extends({}, other, getInteractionItemProps({
-      type: 'bar',
-      seriesId: id,
-      dataIndex: dataIndex
-    }), {
-      style: style,
-      className: classes.root,
-      onClick: onClick,
-      cursor: onClick ? 'pointer' : 'unset'
-    }),
-    ownerState: ownerState
-  });
-  return /*#__PURE__*/_jsx(Bar, _extends({}, barProps));
-}
-process.env.NODE_ENV !== "production" ? BarElement.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  classes: PropTypes.object,
-  dataIndex: PropTypes.number.isRequired,
-  highlightScope: PropTypes.shape({
-    faded: PropTypes.oneOf(['global', 'none', 'series']),
-    highlighted: PropTypes.oneOf(['item', 'none', 'series'])
-  }),
-  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object
-} : void 0;
-export { BarElement };

package/legacy/BarChart/BarPlot.js

@@ -1,232 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-var _excluded = ["skipAnimation", "onItemClick"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useTransition } from '@react-spring/web';
-import { SeriesContext } from '../context/SeriesContextProvider';
-import { CartesianContext } from '../context/CartesianContextProvider';
-import { BarElement } from './BarElement';
-import { isBandScaleConfig } from '../models/axis';
-import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '../constants';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Solution of the equations
- * W = barWidth * N + offset * (N-1)
- * offset / (offset + barWidth) = r
- * @param bandWidth The width available to place bars.
- * @param numberOfGroups The number of bars to place in that space.
- * @param gapRatio The ratio of the gap between bars over the bar width.
- * @returns The bar width and the offset between bars.
- */
-function getBandSize(_ref) {
-  var W = _ref.bandWidth,
-    N = _ref.numberOfGroups,
-    r = _ref.gapRatio;
-  if (r === 0) {
-    return {
-      barWidth: W / N,
-      offset: 0
-    };
-  }
-  var barWidth = W / (N + (N - 1) * r);
-  var offset = r * barWidth;
-  return {
-    barWidth: barWidth,
-    offset: offset
-  };
-}
-var useAggregatedData = function useAggregatedData() {
-  var _React$useContext$bar;
-  var seriesData = (_React$useContext$bar = React.useContext(SeriesContext).bar) != null ? _React$useContext$bar : {
-    series: {},
-    stackingGroups: [],
-    seriesOrder: []
-  };
-  var axisData = React.useContext(CartesianContext);
-  var series = seriesData.series,
-    stackingGroups = seriesData.stackingGroups;
-  var xAxis = axisData.xAxis,
-    yAxis = axisData.yAxis,
-    xAxisIds = axisData.xAxisIds,
-    yAxisIds = axisData.yAxisIds;
-  var defaultXAxisId = xAxisIds[0];
-  var defaultYAxisId = yAxisIds[0];
-  var data = stackingGroups.flatMap(function (_ref2, groupIndex) {
-    var groupIds = _ref2.ids;
-    return groupIds.flatMap(function (seriesId) {
-      var _series$seriesId$xAxi, _series$seriesId$yAxi;
-      var xAxisKey = (_series$seriesId$xAxi = series[seriesId].xAxisKey) != null ? _series$seriesId$xAxi : defaultXAxisId;
-      var yAxisKey = (_series$seriesId$yAxi = series[seriesId].yAxisKey) != null ? _series$seriesId$yAxi : defaultYAxisId;
-      var xAxisConfig = xAxis[xAxisKey];
-      var yAxisConfig = yAxis[yAxisKey];
-      var verticalLayout = series[seriesId].layout === 'vertical';
-      var baseScaleConfig;
-      if (verticalLayout) {
-        if (!isBandScaleConfig(xAxisConfig)) {
-          throw new Error("MUI X Charts: ".concat(xAxisKey === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : "The x-axis with id \"".concat(xAxisKey, "\""), " shoud be of type \"band\" to display the bar series of id \"").concat(seriesId, "\"."));
-        }
-        if (xAxis[xAxisKey].data === undefined) {
-          throw new Error("MUI X Charts: ".concat(xAxisKey === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : "The x-axis with id \"".concat(xAxisKey, "\""), " shoud have data property."));
-        }
-        baseScaleConfig = xAxisConfig;
-      } else {
-        if (!isBandScaleConfig(yAxisConfig)) {
-          throw new Error("MUI X Charts: ".concat(yAxisKey === DEFAULT_Y_AXIS_KEY ? 'The first `yAxis`' : "The y-axis with id \"".concat(yAxisKey, "\""), " shoud be of type \"band\" to display the bar series of id \"").concat(seriesId, "\"."));
-        }
-        if (yAxis[yAxisKey].data === undefined) {
-          throw new Error("MUI X Charts: ".concat(yAxisKey === DEFAULT_Y_AXIS_KEY ? 'The first `yAxis`' : "The y-axis with id \"".concat(yAxisKey, "\""), " shoud have data property."));
-        }
-        baseScaleConfig = yAxisConfig;
-      }
-      var xScale = xAxisConfig.scale;
-      var yScale = yAxisConfig.scale;
-      var bandWidth = baseScaleConfig.scale.bandwidth();
-      var _getBandSize = getBandSize({
-          bandWidth: bandWidth,
-          numberOfGroups: stackingGroups.length,
-          gapRatio: baseScaleConfig.barGapRatio
-        }),
-        barWidth = _getBandSize.barWidth,
-        offset = _getBandSize.offset;
-      var barOffset = groupIndex * (barWidth + offset);
-      var _series$seriesId = series[seriesId],
-        stackedData = _series$seriesId.stackedData,
-        color = _series$seriesId.color;
-      return stackedData.map(function (values, dataIndex) {
-        var _xAxis$xAxisKey$data, _yAxis$yAxisKey$data;
-        var valueCoordinates = values.map(function (v) {
-          return verticalLayout ? yScale(v) : xScale(v);
-        });
-        var minValueCoord = Math.min.apply(Math, _toConsumableArray(valueCoordinates));
-        var maxValueCoord = Math.max.apply(Math, _toConsumableArray(valueCoordinates));
-        return {
-          seriesId: seriesId,
-          dataIndex: dataIndex,
-          layout: series[seriesId].layout,
-          x: verticalLayout ? xScale((_xAxis$xAxisKey$data = xAxis[xAxisKey].data) == null ? void 0 : _xAxis$xAxisKey$data[dataIndex]) + barOffset : minValueCoord,
-          y: verticalLayout ? minValueCoord : yScale((_yAxis$yAxisKey$data = yAxis[yAxisKey].data) == null ? void 0 : _yAxis$yAxisKey$data[dataIndex]) + barOffset,
-          xOrigin: xScale(0),
-          yOrigin: yScale(0),
-          height: verticalLayout ? maxValueCoord - minValueCoord : barWidth,
-          width: verticalLayout ? barWidth : maxValueCoord - minValueCoord,
-          color: color,
-          highlightScope: series[seriesId].highlightScope
-        };
-      });
-    });
-  });
-  return data;
-};
-var getOutStyle = function getOutStyle(_ref3) {
-  var layout = _ref3.layout,
-    yOrigin = _ref3.yOrigin,
-    x = _ref3.x,
-    width = _ref3.width,
-    y = _ref3.y,
-    xOrigin = _ref3.xOrigin,
-    height = _ref3.height;
-  return _extends({}, layout === 'vertical' ? {
-    y: yOrigin,
-    x: x,
-    height: 0,
-    width: width
-  } : {
-    y: y,
-    x: xOrigin,
-    height: height,
-    width: 0
-  });
-};
-var getInStyle = function getInStyle(_ref4) {
-  var x = _ref4.x,
-    width = _ref4.width,
-    y = _ref4.y,
-    height = _ref4.height;
-  return {
-    y: y,
-    x: x,
-    height: height,
-    width: width
-  };
-};
-
-/**
- * Demos:
- *
- * - [Bars](https://mui.com/x/react-charts/bars/)
- * - [Bar demonstration](https://mui.com/x/react-charts/bar-demo/)
- * - [Stacking](https://mui.com/x/react-charts/stacking/)
- *
- * API:
- *
- * - [BarPlot API](https://mui.com/x/api/charts/bar-plot/)
- */
-function BarPlot(props) {
-  var completedData = useAggregatedData();
-  var skipAnimation = props.skipAnimation,
-    onItemClick = props.onItemClick,
-    other = _objectWithoutProperties(props, _excluded);
-  var transition = useTransition(completedData, {
-    keys: function keys(bar) {
-      return "".concat(bar.seriesId, "-").concat(bar.dataIndex);
-    },
-    from: getOutStyle,
-    leave: getOutStyle,
-    enter: getInStyle,
-    update: getInStyle,
-    immediate: skipAnimation
-  });
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: transition(function (style, _ref5) {
-      var seriesId = _ref5.seriesId,
-        dataIndex = _ref5.dataIndex,
-        color = _ref5.color,
-        highlightScope = _ref5.highlightScope;
-      return /*#__PURE__*/_jsx(BarElement, _extends({
-        id: seriesId,
-        dataIndex: dataIndex,
-        highlightScope: highlightScope,
-        color: color
-      }, other, {
-        onClick: onItemClick && function (event) {
-          onItemClick(event, {
-            type: 'bar',
-            seriesId: seriesId,
-            dataIndex: dataIndex
-          });
-        },
-        style: style
-      }));
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? BarPlot.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Callback fired when a bar item is clicked.
-   * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.
-   * @param {BarItemIdentifier} barItemIdentifier The bar 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 { BarPlot };

package/legacy/BarChart/extremums.js

@@ -1,45 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-var getBaseExtremum = function getBaseExtremum(params) {
-  var _axis$data, _axis$data2;
-  var axis = params.axis;
-  var minX = Math.min.apply(Math, _toConsumableArray((_axis$data = axis.data) != null ? _axis$data : []));
-  var maxX = Math.max.apply(Math, _toConsumableArray((_axis$data2 = axis.data) != null ? _axis$data2 : []));
-  return [minX, maxX];
-};
-var getValueExtremum = function getValueExtremum(params) {
-  var series = params.series,
-    axis = params.axis,
-    isDefaultAxis = params.isDefaultAxis;
-  return Object.keys(series).filter(function (seriesId) {
-    return series[seriesId].yAxisKey === axis.id || isDefaultAxis && series[seriesId].yAxisKey === undefined;
-  }).reduce(function (acc, seriesId) {
-    var _series$seriesId$stac = series[seriesId].stackedData.reduce(function (seriesAcc, values) {
-        return [Math.min.apply(Math, _toConsumableArray(values).concat(_toConsumableArray(seriesAcc[0] === null ? [] : [seriesAcc[0]]))), Math.max.apply(Math, _toConsumableArray(values).concat(_toConsumableArray(seriesAcc[1] === null ? [] : [seriesAcc[1]])))];
-      }, series[seriesId].stackedData[0]),
-      _series$seriesId$stac2 = _slicedToArray(_series$seriesId$stac, 2),
-      seriesMin = _series$seriesId$stac2[0],
-      seriesMax = _series$seriesId$stac2[1];
-    return [acc[0] === null ? seriesMin : Math.min(seriesMin, acc[0]), acc[1] === null ? seriesMax : Math.max(seriesMax, acc[1])];
-  }, [null, null]);
-};
-export var getExtremumX = function getExtremumX(params) {
-  // Notice that bar should be all horizontal or all vertical.
-  // Don't think it's a problem for now
-  var isHorizontal = Object.keys(params.series).some(function (seriesId) {
-    return params.series[seriesId].layout === 'horizontal';
-  });
-  if (isHorizontal) {
-    return getValueExtremum(params);
-  }
-  return getBaseExtremum(params);
-};
-export var getExtremumY = function getExtremumY(params) {
-  var isHorizontal = Object.keys(params.series).some(function (seriesId) {
-    return params.series[seriesId].layout === 'horizontal';
-  });
-  if (isHorizontal) {
-    return getBaseExtremum(params);
-  }
-  return getValueExtremum(params);
-};

package/legacy/BarChart/formatter.js

@@ -1,78 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { stack as d3Stack } from 'd3-shape';
-import { getStackingGroups } from '../internals/stackSeries';
-import defaultizeValueFormatter from '../internals/defaultizeValueFormatter';
-var warnOnce = false;
-var formatter = function formatter(params, dataset) {
-  var _ref;
-  var seriesOrder = params.seriesOrder,
-    series = params.series;
-  var stackingGroups = getStackingGroups(params);
-
-  // Create a data set with format adapted to d3
-  var d3Dataset = (_ref = dataset) != null ? _ref : [];
-  seriesOrder.forEach(function (id) {
-    var data = series[id].data;
-    if (data !== undefined) {
-      data.forEach(function (value, index) {
-        if (d3Dataset.length <= index) {
-          d3Dataset.push(_defineProperty({}, id, value));
-        } else {
-          d3Dataset[index][id] = value;
-        }
-      });
-    } else if (dataset === undefined) {
-      throw new Error(["MUI X Charts: bar series with id='".concat(id, "' has no data."), 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
-    }
-  });
-  var completedSeries = {};
-  stackingGroups.forEach(function (stackingGroup) {
-    var ids = stackingGroup.ids,
-      stackingOffset = stackingGroup.stackingOffset,
-      stackingOrder = stackingGroup.stackingOrder;
-    // Get stacked values, and derive the domain
-    var stackedSeries = d3Stack().keys(ids.map(function (id) {
-      // Use dataKey if needed and available
-      var dataKey = series[id].dataKey;
-      return series[id].data === undefined && dataKey !== undefined ? dataKey : id;
-    })).value(function (d, key) {
-      var _d$key;
-      return (_d$key = d[key]) != null ? _d$key : 0;
-    }) // defaultize null value to 0
-    .order(stackingOrder).offset(stackingOffset)(d3Dataset);
-    ids.forEach(function (id, index) {
-      var dataKey = series[id].dataKey;
-      completedSeries[id] = _extends({
-        layout: 'vertical'
-      }, series[id], {
-        data: dataKey ? dataset.map(function (data) {
-          var value = data[dataKey];
-          if (typeof value !== 'number') {
-            if (process.env.NODE_ENV !== 'production' && !warnOnce && value !== null) {
-              warnOnce = true;
-              console.error(["MUI-X charts: your dataset key \"".concat(dataKey, "\" is used for plotting bars, but contains nonnumerical elements."), 'Bar plots only support numbers and null values.']);
-            }
-            return 0;
-          }
-          return value;
-        }) : series[id].data,
-        stackedData: stackedSeries[index].map(function (_ref2) {
-          var _ref3 = _slicedToArray(_ref2, 2),
-            a = _ref3[0],
-            b = _ref3[1];
-          return [a, b];
-        })
-      });
-    });
-  });
-  return {
-    seriesOrder: seriesOrder,
-    stackingGroups: stackingGroups,
-    series: defaultizeValueFormatter(completedSeries, function (v) {
-      return v == null ? '' : v.toLocaleString();
-    })
-  };
-};
-export default formatter;

package/legacy/BarChart/index.js

@@ -1,3 +0,0 @@
-export * from './BarChart';
-export * from './BarPlot';
-export * from './BarElement';

package/legacy/BarChart/legend.js

@@ -1,15 +0,0 @@
-var legendGetter = function legendGetter(params) {
-  var seriesOrder = params.seriesOrder,
-    series = params.series;
-  var data = seriesOrder.map(function (seriesId) {
-    return {
-      color: series[seriesId].color,
-      label: series[seriesId].label,
-      id: seriesId
-    };
-  });
-  return data.filter(function (item) {
-    return item.label !== undefined;
-  });
-};
-export default legendGetter;

package/legacy/ChartContainer/ChartContainer.js

@@ -1,189 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import useForkRef from '@mui/utils/useForkRef';
-import { DrawingProvider } from '../context/DrawingProvider';
-import { SeriesContextProvider } from '../context/SeriesContextProvider';
-import { InteractionProvider } from '../context/InteractionProvider';
-import { useReducedMotion } from '../hooks/useReducedMotion';
-import { ChartsSurface } from '../ChartsSurface';
-import { CartesianContextProvider } from '../context/CartesianContextProvider';
-import { HighlightProvider } from '../context/HighlightProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
-var ChartContainer = /*#__PURE__*/React.forwardRef(function ChartContainer(props, ref) {
-  var width = props.width,
-    height = props.height,
-    series = props.series,
-    margin = props.margin,
-    xAxis = props.xAxis,
-    yAxis = props.yAxis,
-    colors = props.colors,
-    dataset = props.dataset,
-    sx = props.sx,
-    title = props.title,
-    desc = props.desc,
-    disableAxisListener = props.disableAxisListener,
-    children = props.children;
-  var svgRef = React.useRef(null);
-  var handleRef = useForkRef(ref, svgRef);
-  useReducedMotion(); // a11y reduce motion (see: https://react-spring.dev/docs/utilities/use-reduced-motion)
-
-  return /*#__PURE__*/_jsx(DrawingProvider, {
-    width: width,
-    height: height,
-    margin: margin,
-    svgRef: svgRef,
-    children: /*#__PURE__*/_jsx(SeriesContextProvider, {
-      series: series,
-      colors: colors,
-      dataset: dataset,
-      children: /*#__PURE__*/_jsx(CartesianContextProvider, {
-        xAxis: xAxis,
-        yAxis: yAxis,
-        dataset: dataset,
-        children: /*#__PURE__*/_jsx(InteractionProvider, {
-          children: /*#__PURE__*/_jsx(HighlightProvider, {
-            children: /*#__PURE__*/_jsx(ChartsSurface, {
-              width: width,
-              height: height,
-              ref: handleRef,
-              sx: sx,
-              title: title,
-              desc: desc,
-              disableAxisListener: disableAxisListener,
-              children: children
-            })
-          })
-        })
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  children: PropTypes.node,
-  className: PropTypes.string,
-  /**
-   * Color palette used to colorize multiple series.
-   * @default blueberryTwilightPalette
-   */
-  colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
-  /**
-   * An array of objects that can be used to populate series and axes data using their `dataKey` property.
-   */
-  dataset: PropTypes.arrayOf(PropTypes.object),
-  desc: PropTypes.string,
-  /**
-   * If `true`, the charts will not listen to the mouse move event.
-   * It might break interactive features, but will improve performance.
-   * @default false
-   */
-  disableAxisListener: PropTypes.bool,
-  /**
-   * The height of the chart in px.
-   */
-  height: PropTypes.number.isRequired,
-  /**
-   * The margin between the SVG and the drawing area.
-   * It's used for leaving some space for extra information such as the x- and y-axis or legend.
-   * Accepts an object with the optional properties: `top`, `bottom`, `left`, and `right`.
-   * @default object Depends on the charts type.
-   */
-  margin: PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.number
-  }),
-  /**
-   * The array of series to display.
-   * Each type of series has its own specificity.
-   * Please refer to the appropriate docs page to learn more about it.
-   */
-  series: PropTypes.arrayOf(PropTypes.object).isRequired,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  title: PropTypes.string,
-  viewBox: PropTypes.shape({
-    height: PropTypes.number,
-    width: PropTypes.number,
-    x: PropTypes.number,
-    y: PropTypes.number
-  }),
-  /**
-   * The width of the chart in px.
-   */
-  width: PropTypes.number.isRequired,
-  /**
-   * The configuration of the x-axes.
-   * If not provided, a default axis config is used with id set to `DEFAULT_X_AXIS_KEY`.
-   */
-  xAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    classes: PropTypes.object,
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    fill: PropTypes.string,
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    label: PropTypes.string,
-    labelFontSize: PropTypes.number,
-    labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    stroke: PropTypes.string,
-    tickFontSize: PropTypes.number,
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickSize: PropTypes.number,
-    valueFormatter: PropTypes.func
-  })),
-  /**
-   * The configuration of the y-axes.
-   * If not provided, a default axis config is used with id set to `DEFAULT_Y_AXIS_KEY`.
-   */
-  yAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    classes: PropTypes.object,
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    fill: PropTypes.string,
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    label: PropTypes.string,
-    labelFontSize: PropTypes.number,
-    labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    stroke: PropTypes.string,
-    tickFontSize: PropTypes.number,
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickSize: PropTypes.number,
-    valueFormatter: PropTypes.func
-  }))
-} : void 0;
-export { ChartContainer };

package/legacy/ChartContainer/index.js

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