66 lines
2.1 KiB
TypeScript
66 lines
2.1 KiB
TypeScript
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;
|
|
/**
|
|
* Styles applied to the root element for a specified series.
|
|
* Needs to be suffixed with the series ID: `.${lineElementClasses.series}-${seriesId}`.
|
|
*/
|
|
series: 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 }; |