@mui/x-charts 7.0.0-beta.2 → 7.0.0-beta.4

package/legacy/ChartsAxis/ChartsAxis.js

@@ -1,215 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { CartesianContext } from '../context/CartesianContextProvider';
-import { ChartsXAxis } from '../ChartsXAxis';
-import { ChartsYAxis } from '../ChartsYAxis';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var getAxisId = function getAxisId(propsValue) {
-  if (propsValue == null) {
-    return null;
-  }
-  if (_typeof(propsValue) === 'object') {
-    var _propsValue$axisId;
-    return (_propsValue$axisId = propsValue.axisId) != null ? _propsValue$axisId : null;
-  }
-  return propsValue;
-};
-var mergeProps = function mergeProps(axisConfig, slots, slotProps) {
-  return _typeof(axisConfig) === 'object' ? _extends({}, axisConfig, {
-    slots: _extends({}, slots, axisConfig == null ? void 0 : axisConfig.slots),
-    slotProps: _extends({}, slotProps, axisConfig == null ? void 0 : axisConfig.slotProps)
-  }) : {
-    slots: slots,
-    slotProps: slotProps
-  };
-};
-
-/**
- * Demos:
- *
- * - [Axis](https://mui.com/x/react-charts/axis/)
- *
- * API:
- *
- * - [ChartsAxis API](https://mui.com/x/api/charts/charts-axis/)
- */
-function ChartsAxis(props) {
-  var topAxis = props.topAxis,
-    leftAxis = props.leftAxis,
-    rightAxis = props.rightAxis,
-    bottomAxis = props.bottomAxis,
-    slots = props.slots,
-    slotProps = props.slotProps;
-  var _React$useContext = React.useContext(CartesianContext),
-    xAxis = _React$useContext.xAxis,
-    xAxisIds = _React$useContext.xAxisIds,
-    yAxis = _React$useContext.yAxis,
-    yAxisIds = _React$useContext.yAxisIds;
-
-  // TODO: use for plotting line without ticks or any thing
-  // const drawingArea = React.useContext(DrawingContext);
-
-  var leftId = getAxisId(leftAxis === undefined ? yAxisIds[0] : leftAxis);
-  var bottomId = getAxisId(bottomAxis === undefined ? xAxisIds[0] : bottomAxis);
-  var topId = getAxisId(topAxis);
-  var rightId = getAxisId(rightAxis);
-  if (topId !== null && !xAxis[topId]) {
-    throw Error(["MUI X Charts: id used for top axis \"".concat(topId, "\" is not defined."), "Available ids are: ".concat(xAxisIds.join(', '), ".")].join('\n'));
-  }
-  if (leftId !== null && !yAxis[leftId]) {
-    throw Error(["MUI X Charts: id used for left axis \"".concat(leftId, "\" is not defined."), "Available ids are: ".concat(yAxisIds.join(', '), ".")].join('\n'));
-  }
-  if (rightId !== null && !yAxis[rightId]) {
-    throw Error(["MUI X Charts: id used for right axis \"".concat(rightId, "\" is not defined."), "Available ids are: ".concat(yAxisIds.join(', '), ".")].join('\n'));
-  }
-  if (bottomId !== null && !xAxis[bottomId]) {
-    throw Error(["MUI X Charts: id used for bottom axis \"".concat(bottomId, "\" is not defined."), "Available ids are: ".concat(xAxisIds.join(', '), ".")].join('\n'));
-  }
-  var topAxisProps = mergeProps(topAxis, slots, slotProps);
-  var bottomAxisProps = mergeProps(bottomAxis, slots, slotProps);
-  var leftAxisProps = mergeProps(leftAxis, slots, slotProps);
-  var rightAxisProps = mergeProps(rightAxis, slots, slotProps);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [topId && /*#__PURE__*/_jsx(ChartsXAxis, _extends({}, topAxisProps, {
-      position: "top",
-      axisId: topId
-    })), bottomId && /*#__PURE__*/_jsx(ChartsXAxis, _extends({}, bottomAxisProps, {
-      position: "bottom",
-      axisId: bottomId
-    })), leftId && /*#__PURE__*/_jsx(ChartsYAxis, _extends({}, leftAxisProps, {
-      position: "left",
-      axisId: leftId
-    })), rightId && /*#__PURE__*/_jsx(ChartsYAxis, _extends({}, rightAxisProps, {
-      position: "right",
-      axisId: rightId
-    }))]
-  });
-}
-process.env.NODE_ENV !== "production" ? ChartsAxis.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Indicate which axis to display the bottom of the charts.
-   * Can be a string (the id of the axis) or an object `ChartsXAxisProps`.
-   * @default xAxisIds[0] The id of the first provided axis
-   */
-  bottomAxis: PropTypes.oneOfType([PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    classes: PropTypes.object,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    fill: PropTypes.string,
-    label: PropTypes.string,
-    labelFontSize: PropTypes.number,
-    labelStyle: PropTypes.object,
-    position: PropTypes.oneOf(['bottom', 'top']),
-    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
-  }), PropTypes.string]),
-  /**
-   * Indicate which axis to display the left of the charts.
-   * Can be a string (the id of the axis) or an object `ChartsYAxisProps`.
-   * @default yAxisIds[0] The id of the first provided axis
-   */
-  leftAxis: PropTypes.oneOfType([PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    classes: PropTypes.object,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    fill: PropTypes.string,
-    label: PropTypes.string,
-    labelFontSize: PropTypes.number,
-    labelStyle: PropTypes.object,
-    position: PropTypes.oneOf(['left', 'right']),
-    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
-  }), PropTypes.string]),
-  /**
-   * Indicate which axis to display the right of the charts.
-   * Can be a string (the id of the axis) or an object `ChartsYAxisProps`.
-   * @default null
-   */
-  rightAxis: PropTypes.oneOfType([PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    classes: PropTypes.object,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    fill: PropTypes.string,
-    label: PropTypes.string,
-    labelFontSize: PropTypes.number,
-    labelStyle: PropTypes.object,
-    position: PropTypes.oneOf(['left', 'right']),
-    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
-  }), PropTypes.string]),
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object,
-  /**
-   * Indicate which axis to display the top of the charts.
-   * Can be a string (the id of the axis) or an object `ChartsXAxisProps`.
-   * @default null
-   */
-  topAxis: PropTypes.oneOfType([PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    classes: PropTypes.object,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    fill: PropTypes.string,
-    label: PropTypes.string,
-    labelFontSize: PropTypes.number,
-    labelStyle: PropTypes.object,
-    position: PropTypes.oneOf(['bottom', 'top']),
-    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
-  }), PropTypes.string])
-} : void 0;
-export { ChartsAxis };

package/legacy/ChartsAxis/axisClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getAxisUtilityClass(slot) {
-  return generateUtilityClass('MuiChartsAxis', slot);
-}
-export var axisClasses = generateUtilityClasses('MuiChartsAxis', ['root', 'line', 'tickContainer', 'tick', 'tickLabel', 'label', 'directionX', 'directionY', 'top', 'bottom', 'left', 'right']);

package/legacy/ChartsAxis/index.js

@@ -1,2 +0,0 @@
-export * from './ChartsAxis';
-export * from './axisClasses';

package/legacy/ChartsAxisHighlight/ChartsAxisHighlight.js

@@ -1,105 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import composeClasses from '@mui/utils/composeClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import { styled } from '@mui/material/styles';
-import { InteractionContext } from '../context/InteractionProvider';
-import { CartesianContext } from '../context/CartesianContextProvider';
-import { getValueToPositionMapper } from '../hooks/useScale';
-import { isBandScale } from '../internals/isBandScale';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export function getAxisHighlightUtilityClass(slot) {
-  return generateUtilityClass('MuiChartsAxisHighlight', slot);
-}
-export var chartsAxisHighlightClasses = generateUtilityClasses('MuiChartsAxisHighlight', ['root']);
-var useUtilityClasses = function useUtilityClasses() {
-  var slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getAxisHighlightUtilityClass);
-};
-export var ChartsAxisHighlightPath = styled('path', {
-  name: 'MuiChartsAxisHighlight',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(_, styles) {
-    return styles.root;
-  }
-})(function (_ref) {
-  var ownerState = _ref.ownerState,
-    theme = _ref.theme;
-  return _extends({
-    pointerEvents: 'none'
-  }, ownerState.axisHighlight === 'band' && {
-    fill: theme.palette.mode === 'light' ? 'gray' : 'white',
-    fillOpacity: 0.1
-  }, ownerState.axisHighlight === 'line' && {
-    strokeDasharray: '5 2',
-    stroke: theme.palette.mode === 'light' ? '#000000' : '#ffffff'
-  });
-});
-/**
- * Demos:
- *
- * - [Custom components](https://mui.com/x/react-charts/components/)
- *
- * API:
- *
- * - [ChartsAxisHighlight API](https://mui.com/x/api/charts/charts-axis-highlight/)
- */
-function ChartsAxisHighlight(props) {
-  var xAxisHighlight = props.x,
-    yAxisHighlight = props.y;
-  var _React$useContext = React.useContext(CartesianContext),
-    xAxisIds = _React$useContext.xAxisIds,
-    xAxis = _React$useContext.xAxis,
-    yAxisIds = _React$useContext.yAxisIds,
-    yAxis = _React$useContext.yAxis;
-  var classes = useUtilityClasses();
-  var USED_X_AXIS_ID = xAxisIds[0];
-  var USED_Y_AXIS_ID = yAxisIds[0];
-  var xScale = xAxis[USED_X_AXIS_ID].scale;
-  var yScale = yAxis[USED_Y_AXIS_ID].scale;
-  var _React$useContext2 = React.useContext(InteractionContext),
-    axis = _React$useContext2.axis;
-  var getXPosition = getValueToPositionMapper(xScale);
-  var getYPosition = getValueToPositionMapper(yScale);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [xAxisHighlight === 'band' && axis.x !== null && isBandScale(xScale) && /*#__PURE__*/_jsx(ChartsAxisHighlightPath, {
-      d: "M ".concat(xScale(axis.x.value) - (xScale.step() - xScale.bandwidth()) / 2, " ").concat(yScale.range()[0], " l ").concat(xScale.step(), " 0 l 0 ").concat(yScale.range()[1] - yScale.range()[0], " l ").concat(-xScale.step(), " 0 Z"),
-      className: classes.root,
-      ownerState: {
-        axisHighlight: 'band'
-      }
-    }), yAxisHighlight === 'band' && axis.y !== null && isBandScale(yScale) && /*#__PURE__*/_jsx(ChartsAxisHighlightPath, {
-      d: "M ".concat(xScale.range()[0], " ").concat(yScale(axis.y.value) - (yScale.step() - yScale.bandwidth()) / 2, " l 0 ").concat(yScale.step(), " l ").concat(xScale.range()[1] - xScale.range()[0], " 0 l 0 ").concat(-yScale.step(), " Z"),
-      className: classes.root,
-      ownerState: {
-        axisHighlight: 'band'
-      }
-    }), xAxisHighlight === 'line' && axis.x !== null && /*#__PURE__*/_jsx(ChartsAxisHighlightPath, {
-      d: "M ".concat(getXPosition(axis.x.value), " ").concat(yScale.range()[0], " L ").concat(getXPosition(axis.x.value), " ").concat(yScale.range()[1]),
-      className: classes.root,
-      ownerState: {
-        axisHighlight: 'line'
-      }
-    }), yAxisHighlight === 'line' && axis.y !== null && /*#__PURE__*/_jsx(ChartsAxisHighlightPath, {
-      d: "M ".concat(xScale.range()[0], " ").concat(getYPosition(axis.y.value), " L ").concat(xScale.range()[1], " ").concat(getYPosition(axis.y.value)),
-      className: classes.root,
-      ownerState: {
-        axisHighlight: 'line'
-      }
-    })]
-  });
-}
-process.env.NODE_ENV !== "production" ? ChartsAxisHighlight.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  x: PropTypes.oneOf(['band', 'line', 'none']),
-  y: PropTypes.oneOf(['band', 'line', 'none'])
-} : void 0;
-export { ChartsAxisHighlight };

package/legacy/ChartsAxisHighlight/index.js

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

package/legacy/ChartsClipPath/ChartsClipPath.js

@@ -1,48 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { DrawingContext } from '../context/DrawingProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * API:
- *
- * - [ChartsClipPath API](https://mui.com/x/api/charts/charts-clip-path/)
- */
-function ChartsClipPath(props) {
-  var id = props.id,
-    offsetProps = props.offset;
-  var _React$useContext = React.useContext(DrawingContext),
-    left = _React$useContext.left,
-    top = _React$useContext.top,
-    width = _React$useContext.width,
-    height = _React$useContext.height;
-  var offset = _extends({
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  }, offsetProps);
-  return /*#__PURE__*/_jsx("clipPath", {
-    id: id,
-    children: /*#__PURE__*/_jsx("rect", {
-      x: left - offset.left,
-      y: top - offset.top,
-      width: width + offset.left + offset.right,
-      height: height + offset.top + offset.bottom
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? ChartsClipPath.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  id: PropTypes.string.isRequired,
-  offset: PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.number
-  })
-} : void 0;
-export { ChartsClipPath };

package/legacy/ChartsClipPath/index.js

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

package/legacy/ChartsLegend/ChartsLegend.js

@@ -1,100 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useSlotProps } from '@mui/base/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
-import { useThemeProps, useTheme } from '@mui/material/styles';
-import { DrawingContext } from '../context/DrawingProvider';
-import { getSeriesToDisplay } from './utils';
-import { SeriesContext } from '../context/SeriesContextProvider';
-import { getLegendUtilityClass } from './chartsLegendClasses';
-import { DefaultChartsLegend } from './DefaultChartsLegend';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    direction = ownerState.direction;
-  var slots = {
-    root: ['root', direction],
-    mark: ['mark'],
-    label: ['label'],
-    series: ['series']
-  };
-  return composeClasses(slots, getLegendUtilityClass, classes);
-};
-var defaultProps = {
-  position: {
-    horizontal: 'middle',
-    vertical: 'top'
-  },
-  direction: 'row'
-};
-function ChartsLegend(inProps) {
-  var _slots$legend;
-  var props = useThemeProps({
-    props: _extends({}, defaultProps, inProps),
-    name: 'MuiChartsLegend'
-  });
-  var position = props.position,
-    direction = props.direction,
-    hidden = props.hidden,
-    slots = props.slots,
-    slotProps = props.slotProps;
-  var theme = useTheme();
-  var classes = useUtilityClasses(_extends({}, props, {
-    theme: theme
-  }));
-  var drawingArea = React.useContext(DrawingContext);
-  var series = React.useContext(SeriesContext);
-  var seriesToDisplay = getSeriesToDisplay(series);
-  var ChartLegendRender = (_slots$legend = slots == null ? void 0 : slots.legend) != null ? _slots$legend : DefaultChartsLegend;
-  var chartLegendRenderProps = useSlotProps({
-    elementType: ChartLegendRender,
-    externalSlotProps: slotProps == null ? void 0 : slotProps.legend,
-    additionalProps: {
-      position: position,
-      direction: direction,
-      classes: classes,
-      drawingArea: drawingArea,
-      series: series,
-      hidden: hidden,
-      seriesToDisplay: seriesToDisplay
-    },
-    ownerState: {}
-  });
-  return /*#__PURE__*/_jsx(ChartLegendRender, _extends({}, chartLegendRenderProps));
-}
-process.env.NODE_ENV !== "production" ? ChartsLegend.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * The direction of the legend layout.
-   * The default depends on the chart.
-   */
-  direction: PropTypes.oneOf(['column', 'row']),
-  /**
-   * Set to true to hide the legend.
-   * @default false
-   */
-  hidden: PropTypes.bool,
-  position: PropTypes.shape({
-    horizontal: PropTypes.oneOf(['left', 'middle', 'right']).isRequired,
-    vertical: PropTypes.oneOf(['bottom', 'middle', 'top']).isRequired
-  }),
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object
-} : void 0;
-export { ChartsLegend };