@mui/x-charts 8.0.0-beta.3 → 8.1.0

package/modern/LineChart/CircleMarkElement.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { MarkElementOwnerState } from "./markElementClasses.js";
-export type CircleMarkElementProps = Omit<MarkElementOwnerState, 'isFaded' | 'isHighlighted'> & Omit<React.SVGProps<SVGPathElement>, 'ref' | 'id'> & {
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation?: boolean;
-  /**
-   * The index to the element in the series' data array.
-   */
-  dataIndex: number;
-};
-/**
- * The line mark element that only render circle for performance improvement.
- *
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
- *
- * API:
- *
- * - [CircleMarkElement API](https://mui.com/x/api/charts/circle-mark-element/)
- */
-declare function CircleMarkElement(props: CircleMarkElementProps): React.JSX.Element;
-declare namespace CircleMarkElement {
-  var propTypes: any;
-}
-export { CircleMarkElement };

package/modern/LineChart/CircleMarkElement.js

@@ -1,105 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["x", "y", "id", "classes", "color", "dataIndex", "onClick", "skipAnimation"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled, useTheme } from '@mui/material/styles';
-import { ANIMATION_DURATION_MS, ANIMATION_TIMING_FUNCTION } from "../internals/animation/animation.js";
-import { useInteractionItemProps } from "../hooks/useInteractionItemProps.js";
-import { useItemHighlighted } from "../hooks/useItemHighlighted.js";
-import { markElementClasses, useUtilityClasses } from "./markElementClasses.js";
-import { useSelector } from "../internals/store/useSelector.js";
-import { selectorChartsInteractionXAxisIndex } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
-import { useStore } from "../internals/store/useStore.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const Circle = styled('circle')({
-  [`&.${markElementClasses.animate}`]: {
-    transitionDuration: `${ANIMATION_DURATION_MS}ms`,
-    transitionProperty: 'cx, cy',
-    transitionTimingFunction: ANIMATION_TIMING_FUNCTION
-  }
-});
-
-/**
- * The line mark element that only render circle for performance improvement.
- *
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
- *
- * API:
- *
- * - [CircleMarkElement API](https://mui.com/x/api/charts/circle-mark-element/)
- */
-function CircleMarkElement(props) {
-  const {
-      x,
-      y,
-      id,
-      classes: innerClasses,
-      color,
-      dataIndex,
-      onClick,
-      skipAnimation
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const theme = useTheme();
-  const interactionProps = useInteractionItemProps({
-    type: 'line',
-    seriesId: id,
-    dataIndex
-  });
-  const {
-    isFaded,
-    isHighlighted
-  } = useItemHighlighted({
-    seriesId: id
-  });
-  const store = useStore();
-  const xAxisInteractionIndex = useSelector(store, selectorChartsInteractionXAxisIndex);
-  const ownerState = {
-    id,
-    classes: innerClasses,
-    isHighlighted: xAxisInteractionIndex === dataIndex || isHighlighted,
-    isFaded,
-    color,
-    skipAnimation
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(Circle, _extends({}, other, {
-    cx: x,
-    cy: y,
-    r: 5,
-    fill: (theme.vars || theme).palette.background.paper,
-    stroke: color,
-    strokeWidth: 2,
-    className: classes.root,
-    onClick: onClick,
-    cursor: onClick ? 'pointer' : 'unset'
-  }, interactionProps));
-}
-process.env.NODE_ENV !== "production" ? CircleMarkElement.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  classes: PropTypes.object,
-  /**
-   * The index to the element in the series' data array.
-   */
-  dataIndex: PropTypes.number.isRequired,
-  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  /**
-   * The shape of the marker.
-   */
-  shape: PropTypes.oneOf(['circle', 'cross', 'diamond', 'square', 'star', 'triangle', 'wye']).isRequired,
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation: PropTypes.bool
-} : void 0;
-export { CircleMarkElement };

package/modern/LineChart/LineChart.d.ts

@@ -1,82 +0,0 @@
-import * as React from 'react';
-import { MakeOptional } from '@mui/x-internals/types';
-import { AreaPlotProps, AreaPlotSlotProps, AreaPlotSlots } from "./AreaPlot.js";
-import { LinePlotProps, LinePlotSlotProps, LinePlotSlots } from "./LinePlot.js";
-import { ChartContainerProps } from "../ChartContainer/index.js";
-import { MarkPlotProps, MarkPlotSlotProps, MarkPlotSlots } from "./MarkPlot.js";
-import { ChartsAxisProps } from "../ChartsAxis/ChartsAxis.js";
-import { LineSeriesType } from "../models/seriesType/line.js";
-import { ChartsTooltipSlots, ChartsTooltipSlotProps } from "../ChartsTooltip/ChartTooltip.types.js";
-import { ChartsLegendSlotProps, ChartsLegendSlots } from "../ChartsLegend/index.js";
-import { ChartsAxisHighlightProps } from "../ChartsAxisHighlight/index.js";
-import { ChartsAxisSlotProps, ChartsAxisSlots } from "../models/axis.js";
-import { LineHighlightPlotSlots, LineHighlightPlotSlotProps } from "./LineHighlightPlot.js";
-import { ChartsGridProps } from "../ChartsGrid/index.js";
-import { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from "../ChartsOverlay/index.js";
-import { LineChartPluginsSignatures } from "./LineChart.plugins.js";
-export interface LineChartSlots extends ChartsAxisSlots, AreaPlotSlots, LinePlotSlots, MarkPlotSlots, LineHighlightPlotSlots, ChartsLegendSlots, ChartsOverlaySlots, ChartsTooltipSlots {}
-export interface LineChartSlotProps extends ChartsAxisSlotProps, AreaPlotSlotProps, LinePlotSlotProps, MarkPlotSlotProps, LineHighlightPlotSlotProps, ChartsLegendSlotProps, ChartsOverlaySlotProps, ChartsTooltipSlotProps {}
-export interface LineChartProps extends Omit<ChartContainerProps<'line', LineChartPluginsSignatures>, 'series' | 'plugins' | 'zAxis'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {
-  /**
-   * The series to display in the line chart.
-   * An array of [[LineSeriesType]] objects.
-   */
-  series: Readonly<MakeOptional<LineSeriesType, 'type'>[]>;
-  /**
-   * Option to display a cartesian grid in the background.
-   */
-  grid?: Pick<ChartsGridProps, 'vertical' | 'horizontal'>;
-  /**
-   * The configuration of axes highlight.
-   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
-   * @default { x: 'line' }
-   */
-  axisHighlight?: ChartsAxisHighlightProps;
-  /**
-   * If `true`, the legend is not rendered.
-   */
-  hideLegend?: boolean;
-  /**
-   * If `true`, render the line highlight item.
-   */
-  disableLineItemHighlight?: boolean;
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: LineChartSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: LineChartSlotProps;
-  /**
-   * Callback fired when an area element is clicked.
-   */
-  onAreaClick?: AreaPlotProps['onItemClick'];
-  /**
-   * Callback fired when a line element is clicked.
-   */
-  onLineClick?: LinePlotProps['onItemClick'];
-  /**
-   * Callback fired when a mark element is clicked.
-   */
-  onMarkClick?: MarkPlotProps['onItemClick'];
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation?: boolean;
-}
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
- *
- * API:
- *
- * - [LineChart API](https://mui.com/x/api/charts/line-chart/)
- */
-declare const LineChart: React.ForwardRefExoticComponent<LineChartProps & React.RefAttributes<SVGSVGElement>>;
-export { LineChart };

package/modern/LineChart/LineChart.js

@@ -1,323 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useThemeProps } from '@mui/material/styles';
-import { AreaPlot } from "./AreaPlot.js";
-import { LinePlot } from "./LinePlot.js";
-import { MarkPlot } from "./MarkPlot.js";
-import { ChartsAxis } from "../ChartsAxis/ChartsAxis.js";
-import { ChartsTooltip } from "../ChartsTooltip/index.js";
-import { ChartsLegend } from "../ChartsLegend/index.js";
-import { ChartsAxisHighlight } from "../ChartsAxisHighlight/index.js";
-import { ChartsClipPath } from "../ChartsClipPath/index.js";
-import { LineHighlightPlot } from "./LineHighlightPlot.js";
-import { ChartsGrid } from "../ChartsGrid/index.js";
-import { ChartsOverlay } from "../ChartsOverlay/index.js";
-import { useLineChartProps } from "./useLineChartProps.js";
-import { useChartContainerProps } from "../ChartContainer/useChartContainerProps.js";
-import { ChartDataProvider } from "../ChartDataProvider/index.js";
-import { ChartsSurface } from "../ChartsSurface/index.js";
-import { ChartsWrapper } from "../internals/components/ChartsWrapper/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
- *
- * API:
- *
- * - [LineChart API](https://mui.com/x/api/charts/line-chart/)
- */
-const LineChart = /*#__PURE__*/React.forwardRef(function LineChart(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiLineChart'
-  });
-  const {
-    chartsWrapperProps,
-    chartContainerProps,
-    gridProps,
-    clipPathProps,
-    clipPathGroupProps,
-    areaPlotProps,
-    linePlotProps,
-    markPlotProps,
-    overlayProps,
-    chartsAxisProps,
-    axisHighlightProps,
-    lineHighlightPlotProps,
-    legendProps,
-    children
-  } = useLineChartProps(props);
-  const {
-    chartDataProviderProps,
-    chartsSurfaceProps
-  } = useChartContainerProps(chartContainerProps, ref);
-  const Tooltip = props.slots?.tooltip ?? ChartsTooltip;
-  return /*#__PURE__*/_jsx(ChartDataProvider, _extends({}, chartDataProviderProps, {
-    children: /*#__PURE__*/_jsxs(ChartsWrapper, _extends({}, chartsWrapperProps, {
-      children: [!props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
-        children: [/*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsxs("g", _extends({}, clipPathGroupProps, {
-          children: [/*#__PURE__*/_jsx(AreaPlot, _extends({}, areaPlotProps)), /*#__PURE__*/_jsx(LinePlot, _extends({}, linePlotProps)), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps))]
-        })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx("g", {
-          "data-drawing-container": true,
-          children: /*#__PURE__*/_jsx(MarkPlot, _extends({}, markPlotProps))
-        }), /*#__PURE__*/_jsx(LineHighlightPlot, _extends({}, lineHighlightPlotProps)), !props.loading && /*#__PURE__*/_jsx(Tooltip, _extends({}, props.slotProps?.tooltip)), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
-      }))]
-    }))
-  }));
-});
-process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  apiRef: PropTypes.shape({
-    current: PropTypes.object
-  }),
-  /**
-   * The configuration of axes highlight.
-   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
-   * @default { x: 'line' }
-   */
-  axisHighlight: PropTypes.shape({
-    x: PropTypes.oneOf(['band', 'line', 'none']),
-    y: PropTypes.oneOf(['band', 'line', 'none'])
-  }),
-  children: PropTypes.node,
-  className: PropTypes.string,
-  /**
-   * Color palette used to colorize multiple series.
-   * @default rainbowSurgePalette
-   */
-  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,
-  /**
-   * If `true`, render the line highlight item.
-   */
-  disableLineItemHighlight: PropTypes.bool,
-  /**
-   * Option to display a cartesian grid in the background.
-   */
-  grid: PropTypes.shape({
-    horizontal: PropTypes.bool,
-    vertical: PropTypes.bool
-  }),
-  /**
-   * The height of the chart in px. If not defined, it takes the height of the parent element.
-   */
-  height: PropTypes.number,
-  /**
-   * If `true`, the legend is not rendered.
-   */
-  hideLegend: PropTypes.bool,
-  /**
-   * The highlighted item.
-   * Used when the highlight is controlled.
-   */
-  highlightedItem: PropTypes.shape({
-    dataIndex: PropTypes.number,
-    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
-  }),
-  /**
-   * This prop is used to help implement the accessibility logic.
-   * If you don't provide this prop. It falls back to a randomly generated id.
-   */
-  id: PropTypes.string,
-  /**
-   * If `true`, a loading overlay is displayed.
-   * @default false
-   */
-  loading: PropTypes.bool,
-  /**
-   * 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 a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
-   */
-  margin: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.number
-  })]),
-  /**
-   * Callback fired when an area element is clicked.
-   */
-  onAreaClick: PropTypes.func,
-  /**
-   * The function called for onClick events.
-   * The second argument contains information about all line/bar elements at the current mouse position.
-   * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
-   */
-  onAxisClick: PropTypes.func,
-  /**
-   * The callback fired when the highlighted item changes.
-   *
-   * @param {HighlightItemData | null} highlightedItem  The newly highlighted item.
-   */
-  onHighlightChange: PropTypes.func,
-  /**
-   * Callback fired when a line element is clicked.
-   */
-  onLineClick: PropTypes.func,
-  /**
-   * Callback fired when a mark element is clicked.
-   */
-  onMarkClick: PropTypes.func,
-  /**
-   * The series to display in the line chart.
-   * An array of [[LineSeriesType]] objects.
-   */
-  series: PropTypes.arrayOf(PropTypes.object).isRequired,
-  /**
-   * 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,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  theme: PropTypes.oneOf(['dark', 'light']),
-  title: PropTypes.string,
-  /**
-   * The width of the chart in px. If not defined, it takes the width of the parent element.
-   */
-  width: PropTypes.number,
-  /**
-   * The configuration of the x-axes.
-   * If not provided, a default axis config is used.
-   * An array of [[AxisConfig]] objects.
-   */
-  xAxis: PropTypes.arrayOf(PropTypes.shape({
-    axis: PropTypes.oneOf(['x']),
-    classes: PropTypes.object,
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      type: PropTypes.oneOf(['ordinal']).isRequired,
-      unknownColor: PropTypes.string,
-      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
-    }), PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
-    height: PropTypes.number,
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['bottom', 'none', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    stroke: PropTypes.string,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelMinGap: PropTypes.number,
-    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
-    tickSize: PropTypes.number,
-    valueFormatter: PropTypes.func
-  })),
-  /**
-   * The configuration of the y-axes.
-   * If not provided, a default axis config is used.
-   * An array of [[AxisConfig]] objects.
-   */
-  yAxis: PropTypes.arrayOf(PropTypes.shape({
-    axis: PropTypes.oneOf(['y']),
-    classes: PropTypes.object,
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      type: PropTypes.oneOf(['ordinal']).isRequired,
-      unknownColor: PropTypes.string,
-      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
-    }), PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    fill: PropTypes.string,
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['left', 'none', 'right']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    stroke: PropTypes.string,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
-    tickSize: PropTypes.number,
-    valueFormatter: PropTypes.func,
-    width: PropTypes.number
-  }))
-} : void 0;
-export { LineChart };

package/modern/LineChart/LineChart.plugins.d.ts

@@ -1,7 +0,0 @@
-import { UseChartZAxisSignature } from "../internals/plugins/featurePlugins/useChartZAxis/index.js";
-import { UseChartCartesianAxisSignature } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
-import { UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
-import { UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
-import { ConvertSignaturesIntoPlugins } from "../internals/plugins/models/helpers.js";
-export type LineChartPluginsSignatures = [UseChartZAxisSignature, UseChartCartesianAxisSignature<'line'>, UseChartInteractionSignature, UseChartHighlightSignature];
-export declare const LINE_CHART_PLUGINS: ConvertSignaturesIntoPlugins<LineChartPluginsSignatures>;

package/modern/LineChart/LineChart.plugins.js

@@ -1,5 +0,0 @@
-import { useChartZAxis } from "../internals/plugins/featurePlugins/useChartZAxis/index.js";
-import { useChartCartesianAxis } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
-import { useChartInteraction } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
-import { useChartHighlight } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
-export const LINE_CHART_PLUGINS = [useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight];

package/modern/LineChart/LineElement.d.ts

@@ -1,61 +0,0 @@
-import * as React from 'react';
-import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { AnimatedLineProps } from "./AnimatedLine.js";
-import { SeriesId } from "../models/seriesType/common.js";
-export interface LineElementClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element when highlighted. */
-  highlighted: string;
-  /** Styles applied to the root element when faded. */
-  faded: string;
-}
-export type LineElementClassKey = keyof LineElementClasses;
-export interface LineElementOwnerState {
-  id: SeriesId;
-  color: string;
-  gradientId?: string;
-  isFaded: boolean;
-  isHighlighted: boolean;
-  classes?: Partial<LineElementClasses>;
-}
-export declare function getLineElementUtilityClass(slot: string): string;
-export declare const lineElementClasses: LineElementClasses;
-export interface LineElementSlots {
-  /**
-   * The component that renders the line.
-   * @default LineElementPath
-   */
-  line?: React.JSXElementConstructor<AnimatedLineProps>;
-}
-export interface LineElementSlotProps {
-  line?: SlotComponentPropsFromProps<AnimatedLineProps, {}, LineElementOwnerState>;
-}
-export interface LineElementProps extends Omit<LineElementOwnerState, 'isFaded' | 'isHighlighted'>, Pick<AnimatedLineProps, 'skipAnimation'>, Omit<React.SVGProps<SVGPathElement>, 'ref' | 'color' | 'id'> {
-  d: string;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: LineElementSlotProps;
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: LineElementSlots;
-}
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
- *
- * API:
- *
- * - [LineElement API](https://mui.com/x/api/charts/line-element/)
- */
-declare function LineElement(props: LineElementProps): React.JSX.Element;
-declare namespace LineElement {
-  var propTypes: any;
-}
-export { LineElement };