@mui/x-charts
Version:
The community edition of the charts components (MUI X).
102 lines • 3.93 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["id", "dataIndex", "classes", "color", "highlightScope", "onClick", "isFaded", "isHighlighted", "startAngle", "endAngle", "paddingAngle", "innerRadius", "outerRadius", "cornerRadius"];
import * as React from 'react';
import PropTypes from 'prop-types';
import { arc as d3Arc } from 'd3-shape';
import { animated, to } from '@react-spring/web';
import composeClasses from '@mui/utils/composeClasses';
import generateUtilityClass from '@mui/utils/generateUtilityClass';
import { styled } from '@mui/material/styles';
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
import { useInteractionItemProps } from '../hooks/useInteractionItemProps';
import { jsx as _jsx } from "react/jsx-runtime";
export function getPieArcUtilityClass(slot) {
return generateUtilityClass('MuiPieArc', slot);
}
export var pieArcClasses = generateUtilityClasses('MuiPieArc', ['root', 'highlighted', 'faded']);
var useUtilityClasses = function useUtilityClasses(ownerState) {
var classes = ownerState.classes,
id = ownerState.id,
isFaded = ownerState.isFaded,
isHighlighted = ownerState.isHighlighted;
var slots = {
root: ['root', "series-".concat(id), isHighlighted && 'highlighted', isFaded && 'faded']
};
return composeClasses(slots, getPieArcUtilityClass, classes);
};
var PieArcRoot = styled(animated.path, {
name: 'MuiPieArc',
slot: 'Root',
overridesResolver: function overridesResolver(_, styles) {
return styles.arc;
}
})(function (_ref) {
var theme = _ref.theme;
return {
stroke: (theme.vars || theme).palette.background.paper,
strokeWidth: 1,
strokeLinejoin: 'round'
};
});
function PieArc(props) {
var id = props.id,
dataIndex = props.dataIndex,
innerClasses = props.classes,
color = props.color,
highlightScope = props.highlightScope,
onClick = props.onClick,
isFaded = props.isFaded,
isHighlighted = props.isHighlighted,
startAngle = props.startAngle,
endAngle = props.endAngle,
paddingAngle = props.paddingAngle,
innerRadius = props.innerRadius,
outerRadius = props.outerRadius,
cornerRadius = props.cornerRadius,
other = _objectWithoutProperties(props, _excluded);
var ownerState = {
id: id,
dataIndex: dataIndex,
classes: innerClasses,
color: color,
isFaded: isFaded,
isHighlighted: isHighlighted
};
var classes = useUtilityClasses(ownerState);
var getInteractionItemProps = useInteractionItemProps(highlightScope);
return /*#__PURE__*/_jsx(PieArcRoot, _extends({
d: to([startAngle, endAngle, paddingAngle, innerRadius, outerRadius, cornerRadius], function (sA, eA, pA, iR, oR, cR) {
return d3Arc().cornerRadius(cR)({
padAngle: pA,
startAngle: sA,
endAngle: eA,
innerRadius: iR,
outerRadius: oR
});
}),
onClick: onClick,
cursor: onClick ? 'pointer' : 'unset',
ownerState: ownerState,
className: classes.root
}, other, getInteractionItemProps({
type: 'pie',
seriesId: id,
dataIndex: dataIndex
})));
}
process.env.NODE_ENV !== "production" ? PieArc.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'])
}),
isFaded: PropTypes.bool.isRequired,
isHighlighted: PropTypes.bool.isRequired
} : void 0;
export { PieArc };