@mui/x-charts-premium 9.0.3 → 9.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/BarChartPremium/BarChartPremium.js +2 -1183
- package/BarChartPremium/BarChartPremium.mjs +2 -1183
- package/BarChartPremium/RangeBar/FocusedRangeBar.js +3 -0
- package/BarChartPremium/RangeBar/FocusedRangeBar.mjs +3 -0
- package/BarChartPremium/RangeBar/seriesConfig/seriesProcessor.js +2 -0
- package/BarChartPremium/RangeBar/seriesConfig/seriesProcessor.mjs +2 -0
- package/CHANGELOG.md +220 -0
- package/CandlestickChart/CandlestickChart.d.mts +2 -2
- package/CandlestickChart/CandlestickChart.d.ts +2 -2
- package/CandlestickChart/CandlestickChart.js +2 -1183
- package/CandlestickChart/CandlestickChart.mjs +2 -1183
- package/CandlestickChart/CandlestickWebGLProgram.d.mts +6 -11
- package/CandlestickChart/CandlestickWebGLProgram.d.ts +6 -11
- package/CandlestickChart/CandlestickWebGLProgram.js +136 -121
- package/CandlestickChart/CandlestickWebGLProgram.mjs +137 -122
- package/CandlestickChart/useCandlestickPlotData.d.mts +2 -2
- package/CandlestickChart/useCandlestickPlotData.d.ts +2 -2
- package/CandlestickChart/useCandlestickPlotData.js +121 -61
- package/CandlestickChart/useCandlestickPlotData.mjs +122 -61
- package/ChartsAxisHighlightValue/index.d.mts +1 -0
- package/ChartsAxisHighlightValue/index.d.ts +1 -0
- package/ChartsAxisHighlightValue/index.js +16 -0
- package/ChartsAxisHighlightValue/index.mjs +2 -0
- package/ChartsDataProviderPremium/ChartsDataProviderPremium.js +2 -2
- package/ChartsDataProviderPremium/ChartsDataProviderPremium.mjs +2 -2
- package/ChartsRadialAxisHighlight/index.d.mts +1 -0
- package/ChartsRadialAxisHighlight/index.d.ts +1 -0
- package/ChartsRadialAxisHighlight/index.js +16 -0
- package/ChartsRadialAxisHighlight/index.mjs +2 -0
- package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.js +2 -2
- package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.mjs +2 -2
- package/HeatmapPremium/HeatmapPremium.js +2 -155
- package/HeatmapPremium/HeatmapPremium.mjs +2 -155
- package/HeatmapPremium/webgl/HeatmapWebGLPlot.js +19 -112
- package/HeatmapPremium/webgl/HeatmapWebGLPlot.mjs +19 -111
- package/HeatmapPremium/webgl/HeatmapWebGLProgram.d.mts +24 -0
- package/HeatmapPremium/webgl/HeatmapWebGLProgram.d.ts +24 -0
- package/HeatmapPremium/webgl/HeatmapWebGLProgram.js +132 -0
- package/HeatmapPremium/webgl/HeatmapWebGLProgram.mjs +125 -0
- package/HeatmapPremium/webgl/shaders.d.mts +1 -1
- package/HeatmapPremium/webgl/shaders.d.ts +1 -1
- package/HeatmapPremium/webgl/shaders.js +1 -1
- package/HeatmapPremium/webgl/shaders.mjs +1 -1
- package/HeatmapPremium/webgl/useHeatmapPlotData.d.mts +3 -3
- package/HeatmapPremium/webgl/useHeatmapPlotData.d.ts +3 -3
- package/HeatmapPremium/webgl/useHeatmapPlotData.js +78 -26
- package/HeatmapPremium/webgl/useHeatmapPlotData.mjs +80 -26
- package/LICENSE +3 -1
- package/RadialBarChart/RadialBarChart.d.mts +60 -0
- package/RadialBarChart/RadialBarChart.d.ts +60 -0
- package/RadialBarChart/RadialBarChart.js +298 -0
- package/RadialBarChart/RadialBarChart.mjs +292 -0
- package/RadialBarChart/RadialBarChart.plugins.d.mts +4 -0
- package/RadialBarChart/RadialBarChart.plugins.d.ts +4 -0
- package/RadialBarChart/RadialBarChart.plugins.js +9 -0
- package/RadialBarChart/RadialBarChart.plugins.mjs +3 -0
- package/RadialBarChart/RadialBarElement.d.mts +16 -0
- package/RadialBarChart/RadialBarElement.d.ts +16 -0
- package/RadialBarChart/RadialBarElement.js +54 -0
- package/RadialBarChart/RadialBarElement.mjs +48 -0
- package/RadialBarChart/RadialBarPlot.d.mts +21 -0
- package/RadialBarChart/RadialBarPlot.d.ts +21 -0
- package/RadialBarChart/RadialBarPlot.js +85 -0
- package/RadialBarChart/RadialBarPlot.mjs +79 -0
- package/RadialBarChart/index.d.mts +3 -0
- package/RadialBarChart/index.d.ts +3 -0
- package/RadialBarChart/index.js +39 -0
- package/RadialBarChart/index.mjs +3 -0
- package/RadialBarChart/radialBarClasses.d.mts +15 -0
- package/RadialBarChart/radialBarClasses.d.ts +15 -0
- package/RadialBarChart/radialBarClasses.js +26 -0
- package/RadialBarChart/radialBarClasses.mjs +18 -0
- package/RadialBarChart/seriesConfig/seriesProcessor.js +4 -0
- package/RadialBarChart/seriesConfig/seriesProcessor.mjs +4 -0
- package/RadialBarChart/useRadialBarChartProps.d.mts +28 -0
- package/RadialBarChart/useRadialBarChartProps.d.ts +28 -0
- package/RadialBarChart/useRadialBarChartProps.js +100 -0
- package/RadialBarChart/useRadialBarChartProps.mjs +93 -0
- package/RadialBarChart/useRadialBarPlotData.d.mts +23 -0
- package/RadialBarChart/useRadialBarPlotData.d.ts +23 -0
- package/RadialBarChart/useRadialBarPlotData.js +94 -0
- package/RadialBarChart/useRadialBarPlotData.mjs +87 -0
- package/RadialLineChart/RadialArea.js +13 -1
- package/RadialLineChart/RadialArea.mjs +13 -1
- package/RadialLineChart/RadialLine.js +13 -1
- package/RadialLineChart/RadialLine.mjs +13 -1
- package/RadialLineChart/RadialLineChart.d.mts +11 -3
- package/RadialLineChart/RadialLineChart.d.ts +11 -3
- package/RadialLineChart/RadialLineChart.js +24 -673
- package/RadialLineChart/RadialLineChart.mjs +24 -673
- package/RadialLineChart/RadialLineHighlightElement.d.mts +15 -0
- package/RadialLineChart/RadialLineHighlightElement.d.ts +15 -0
- package/RadialLineChart/RadialLineHighlightElement.js +46 -0
- package/RadialLineChart/RadialLineHighlightElement.mjs +39 -0
- package/RadialLineChart/RadialLineHighlightPlot.d.mts +23 -0
- package/RadialLineChart/RadialLineHighlightPlot.d.ts +23 -0
- package/RadialLineChart/RadialLineHighlightPlot.js +92 -0
- package/RadialLineChart/RadialLineHighlightPlot.mjs +86 -0
- package/RadialLineChart/RadialMarkPlot.js +32 -3
- package/RadialLineChart/RadialMarkPlot.mjs +32 -3
- package/RadialLineChart/index.d.mts +3 -1
- package/RadialLineChart/index.d.ts +3 -1
- package/RadialLineChart/index.js +22 -0
- package/RadialLineChart/index.mjs +3 -1
- package/RadialLineChart/radialLineClasses.d.mts +3 -1
- package/RadialLineChart/radialLineClasses.d.ts +3 -1
- package/RadialLineChart/radialLineClasses.js +2 -1
- package/RadialLineChart/radialLineClasses.mjs +2 -1
- package/RadialLineChart/seriesConfig/getItemAtPosition.d.mts +6 -0
- package/RadialLineChart/seriesConfig/getItemAtPosition.d.ts +6 -0
- package/RadialLineChart/seriesConfig/getItemAtPosition.js +353 -0
- package/RadialLineChart/seriesConfig/getItemAtPosition.mjs +348 -0
- package/RadialLineChart/seriesConfig/getSeriesWithDefaultValues.js +2 -1
- package/RadialLineChart/seriesConfig/getSeriesWithDefaultValues.mjs +2 -1
- package/RadialLineChart/seriesConfig/index.js +2 -1
- package/RadialLineChart/seriesConfig/index.mjs +2 -1
- package/RadialLineChart/seriesConfig/seriesProcessor.js +4 -0
- package/RadialLineChart/seriesConfig/seriesProcessor.mjs +4 -0
- package/RadialLineChart/useRadialLineChartProps.d.mts +2 -0
- package/RadialLineChart/useRadialLineChartProps.d.ts +2 -0
- package/RadialLineChart/useRadialLineChartProps.js +16 -8
- package/RadialLineChart/useRadialLineChartProps.mjs +16 -8
- package/RadialLineChart/useRadialLinePlotData.d.mts +3 -1
- package/RadialLineChart/useRadialLinePlotData.d.ts +3 -1
- package/RadialLineChart/useRadialLinePlotData.js +5 -1
- package/RadialLineChart/useRadialLinePlotData.mjs +6 -2
- package/ScatterChartPremium/ScatterChartPremium.d.mts +25 -0
- package/ScatterChartPremium/ScatterChartPremium.d.ts +25 -0
- package/ScatterChartPremium/ScatterChartPremium.js +507 -0
- package/ScatterChartPremium/ScatterChartPremium.mjs +501 -0
- package/ScatterChartPremium/ScatterChartPremium.plugins.d.mts +3 -0
- package/ScatterChartPremium/ScatterChartPremium.plugins.d.ts +3 -0
- package/ScatterChartPremium/ScatterChartPremium.plugins.js +8 -0
- package/ScatterChartPremium/ScatterChartPremium.plugins.mjs +2 -0
- package/ScatterChartPremium/ScatterPlotPremium.d.mts +14 -0
- package/ScatterChartPremium/ScatterPlotPremium.d.ts +14 -0
- package/ScatterChartPremium/ScatterPlotPremium.js +28 -0
- package/ScatterChartPremium/ScatterPlotPremium.mjs +21 -0
- package/ScatterChartPremium/index.d.mts +3 -0
- package/ScatterChartPremium/index.d.ts +3 -0
- package/ScatterChartPremium/index.js +26 -0
- package/ScatterChartPremium/index.mjs +3 -0
- package/ScatterChartPremium/webgl/ScatterWebGLPlot.d.mts +4 -0
- package/ScatterChartPremium/webgl/ScatterWebGLPlot.d.ts +4 -0
- package/ScatterChartPremium/webgl/ScatterWebGLPlot.js +70 -0
- package/ScatterChartPremium/webgl/ScatterWebGLPlot.mjs +65 -0
- package/ScatterChartPremium/webgl/ScatterWebGLProgram.d.mts +18 -0
- package/ScatterChartPremium/webgl/ScatterWebGLProgram.d.ts +18 -0
- package/ScatterChartPremium/webgl/ScatterWebGLProgram.js +129 -0
- package/ScatterChartPremium/webgl/ScatterWebGLProgram.mjs +122 -0
- package/ScatterChartPremium/webgl/shaders.d.mts +2 -0
- package/ScatterChartPremium/webgl/shaders.d.ts +2 -0
- package/ScatterChartPremium/webgl/shaders.js +57 -0
- package/ScatterChartPremium/webgl/shaders.mjs +51 -0
- package/ScatterChartPremium/webgl/useScatterWebGLPlotData.d.mts +7 -0
- package/ScatterChartPremium/webgl/useScatterWebGLPlotData.d.ts +7 -0
- package/ScatterChartPremium/webgl/useScatterWebGLPlotData.js +140 -0
- package/ScatterChartPremium/webgl/useScatterWebGLPlotData.mjs +134 -0
- package/index.d.mts +3 -1
- package/index.d.ts +3 -1
- package/index.js +25 -1
- package/index.mjs +4 -2
- package/internals/index.d.mts +1 -0
- package/internals/index.d.ts +1 -0
- package/internals/index.js +13 -0
- package/internals/index.mjs +1 -0
- package/models/seriesType/radialLine.d.mts +7 -1
- package/models/seriesType/radialLine.d.ts +7 -1
- package/package.json +185 -115
- package/plugins/selectors/useChartCandlestickPosition.selectors.d.mts +1 -1
- package/plugins/selectors/useChartCandlestickPosition.selectors.d.ts +1 -1
- package/utils/webgl/parseColor.d.mts +2 -1
- package/utils/webgl/parseColor.d.ts +2 -1
- package/utils/webgl/parseColor.js +8 -7
- package/utils/webgl/parseColor.mjs +8 -7
- package/utils/webgl/utils.d.mts +13 -0
- package/utils/webgl/utils.d.ts +13 -0
- package/utils/webgl/utils.js +29 -0
- package/utils/webgl/utils.mjs +27 -0
|
@@ -0,0 +1,298 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports.Unstable_RadialBarChart = void 0;
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
var React = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
var _styles = require("@mui/material/styles");
|
|
14
|
+
var _internals = require("@mui/x-charts/internals");
|
|
15
|
+
var _ChartsRadialGrid = require("@mui/x-charts/ChartsRadialGrid");
|
|
16
|
+
var _ChartsLegend = require("../ChartsLegend");
|
|
17
|
+
var _ChartsSurface = require("../ChartsSurface");
|
|
18
|
+
var _ChartsTooltip = require("../ChartsTooltip");
|
|
19
|
+
var _ChartsWrapper = require("../ChartsWrapper");
|
|
20
|
+
var _ChartsClipPath = require("../ChartsClipPath");
|
|
21
|
+
var _ChartsOverlay = require("../ChartsOverlay");
|
|
22
|
+
var _seriesConfig = require("./seriesConfig");
|
|
23
|
+
var _ChartsRadialDataProviderPremium = require("../ChartsRadialDataProviderPremium");
|
|
24
|
+
var _RadialBarPlot = require("./RadialBarPlot");
|
|
25
|
+
var _useRadialBarChartProps = require("./useRadialBarChartProps");
|
|
26
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
27
|
+
const seriesConfig = {
|
|
28
|
+
radialBar: _seriesConfig.radialBarSeriesConfig
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Demos:
|
|
33
|
+
*
|
|
34
|
+
* - [Radial bar demonstration](https://mui.com/x/react-charts/radial-bar/)
|
|
35
|
+
*
|
|
36
|
+
* API:
|
|
37
|
+
*
|
|
38
|
+
* - [RadialBarChart API](https://mui.com/x/api/charts/radial-bar-chart/)
|
|
39
|
+
*/
|
|
40
|
+
const RadialBarChart = exports.Unstable_RadialBarChart = /*#__PURE__*/React.forwardRef(function RadialBarChart(inProps, ref) {
|
|
41
|
+
const props = (0, _styles.useThemeProps)({
|
|
42
|
+
props: inProps,
|
|
43
|
+
name: 'MuiRadialBarChart'
|
|
44
|
+
});
|
|
45
|
+
const {
|
|
46
|
+
chartsWrapperProps,
|
|
47
|
+
chartsContainerProps,
|
|
48
|
+
gridProps,
|
|
49
|
+
clipPathProps,
|
|
50
|
+
clipPathGroupProps,
|
|
51
|
+
overlayProps,
|
|
52
|
+
legendProps,
|
|
53
|
+
children
|
|
54
|
+
} = (0, _useRadialBarChartProps.useRadialBarChartProps)(props);
|
|
55
|
+
const {
|
|
56
|
+
chartsDataProviderProps,
|
|
57
|
+
chartsSurfaceProps
|
|
58
|
+
} = (0, _internals.useChartsContainerProps)(chartsContainerProps);
|
|
59
|
+
const Tooltip = props.slots?.tooltip ?? _ChartsTooltip.ChartsTooltip;
|
|
60
|
+
const Toolbar = props.slots?.toolbar;
|
|
61
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadialDataProviderPremium.ChartsRadialDataProviderPremium, (0, _extends2.default)({}, chartsDataProviderProps, {
|
|
62
|
+
seriesConfig: seriesConfig,
|
|
63
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsWrapper.ChartsWrapper, (0, _extends2.default)({}, chartsWrapperProps, {
|
|
64
|
+
ref: ref,
|
|
65
|
+
children: [props.showToolbar && Toolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, (0, _extends2.default)({}, legendProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
|
|
66
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsRadialGrid.Unstable_ChartsRadialGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", (0, _extends2.default)({}, clipPathGroupProps, {
|
|
67
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RadialBarPlot.RadialBarPlot, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps))]
|
|
68
|
+
})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsClipPath.ChartsClipPath, (0, _extends2.default)({}, clipPathProps)), children]
|
|
69
|
+
})), !props.loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, (0, _extends2.default)({}, props.slotProps?.tooltip))]
|
|
70
|
+
}))
|
|
71
|
+
}));
|
|
72
|
+
});
|
|
73
|
+
if (process.env.NODE_ENV !== "production") RadialBarChart.displayName = "RadialBarChart";
|
|
74
|
+
process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes = {
|
|
75
|
+
// ----------------------------- Warning --------------------------------
|
|
76
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
77
|
+
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
78
|
+
// ----------------------------------------------------------------------
|
|
79
|
+
apiRef: _propTypes.default.shape({
|
|
80
|
+
current: _propTypes.default.shape({
|
|
81
|
+
exportAsImage: _propTypes.default.func.isRequired,
|
|
82
|
+
exportAsPrint: _propTypes.default.func.isRequired
|
|
83
|
+
})
|
|
84
|
+
}),
|
|
85
|
+
/**
|
|
86
|
+
* Color palette used to colorize multiple series.
|
|
87
|
+
* @default rainbowSurgePalette
|
|
88
|
+
*/
|
|
89
|
+
colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
|
|
90
|
+
/**
|
|
91
|
+
* An array of objects that can be used to populate series and axes data using their `dataKey` property.
|
|
92
|
+
*/
|
|
93
|
+
dataset: _propTypes.default.arrayOf(_propTypes.default.object),
|
|
94
|
+
/**
|
|
95
|
+
* If `true`, the charts will not listen to the mouse move event.
|
|
96
|
+
* It might break interactive features, but will improve performance.
|
|
97
|
+
* @default false
|
|
98
|
+
*/
|
|
99
|
+
disableAxisListener: _propTypes.default.bool,
|
|
100
|
+
/**
|
|
101
|
+
* If `true`, disables keyboard navigation for the chart.
|
|
102
|
+
*/
|
|
103
|
+
disableKeyboardNavigation: _propTypes.default.bool,
|
|
104
|
+
/**
|
|
105
|
+
* Options to enable features planned for the next major.
|
|
106
|
+
*/
|
|
107
|
+
experimentalFeatures: _propTypes.default.object,
|
|
108
|
+
/**
|
|
109
|
+
* Option to display a radial grid in the background.
|
|
110
|
+
*/
|
|
111
|
+
grid: _propTypes.default.shape({
|
|
112
|
+
radius: _propTypes.default.bool,
|
|
113
|
+
rotation: _propTypes.default.bool
|
|
114
|
+
}),
|
|
115
|
+
/**
|
|
116
|
+
* The height of the chart in px. If not defined, it takes the height of the parent element.
|
|
117
|
+
*/
|
|
118
|
+
height: _propTypes.default.number,
|
|
119
|
+
/**
|
|
120
|
+
* List of hidden series and/or items.
|
|
121
|
+
*
|
|
122
|
+
* Different chart types use different keys.
|
|
123
|
+
*
|
|
124
|
+
* @example
|
|
125
|
+
* ```ts
|
|
126
|
+
* [
|
|
127
|
+
* {
|
|
128
|
+
* type: 'pie',
|
|
129
|
+
* seriesId: 'series-1',
|
|
130
|
+
* dataIndex: 3,
|
|
131
|
+
* },
|
|
132
|
+
* {
|
|
133
|
+
* type: 'line',
|
|
134
|
+
* seriesId: 'series-2',
|
|
135
|
+
* }
|
|
136
|
+
* ]
|
|
137
|
+
* ```
|
|
138
|
+
*/
|
|
139
|
+
hiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
|
|
140
|
+
dataIndex: _propTypes.default.number,
|
|
141
|
+
seriesId: _propTypes.default.string.isRequired,
|
|
142
|
+
type: _propTypes.default.oneOf(['radialBar'])
|
|
143
|
+
}), _propTypes.default.shape({
|
|
144
|
+
dataIndex: _propTypes.default.number,
|
|
145
|
+
seriesId: _propTypes.default.string.isRequired,
|
|
146
|
+
type: _propTypes.default.oneOf(['radialBar']).isRequired
|
|
147
|
+
})]).isRequired),
|
|
148
|
+
/**
|
|
149
|
+
* If `true`, the legend is not rendered.
|
|
150
|
+
*/
|
|
151
|
+
hideLegend: _propTypes.default.bool,
|
|
152
|
+
/**
|
|
153
|
+
* The highlighted item.
|
|
154
|
+
* Used when the highlight is controlled.
|
|
155
|
+
*/
|
|
156
|
+
highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
|
|
157
|
+
dataIndex: _propTypes.default.number.isRequired,
|
|
158
|
+
seriesId: _propTypes.default.string.isRequired,
|
|
159
|
+
type: _propTypes.default.oneOf(['radialBar']).isRequired
|
|
160
|
+
}), _propTypes.default.shape({
|
|
161
|
+
dataIndex: _propTypes.default.number.isRequired,
|
|
162
|
+
seriesId: _propTypes.default.string.isRequired
|
|
163
|
+
})]),
|
|
164
|
+
/**
|
|
165
|
+
* This prop is used to help implement the accessibility logic.
|
|
166
|
+
* If you don't provide this prop. It falls back to a randomly generated id.
|
|
167
|
+
*/
|
|
168
|
+
id: _propTypes.default.string,
|
|
169
|
+
/**
|
|
170
|
+
* List of initially hidden series and/or items.
|
|
171
|
+
* Used for uncontrolled state.
|
|
172
|
+
*
|
|
173
|
+
* Different chart types use different keys.
|
|
174
|
+
*
|
|
175
|
+
* @example
|
|
176
|
+
* ```ts
|
|
177
|
+
* [
|
|
178
|
+
* {
|
|
179
|
+
* type: 'pie',
|
|
180
|
+
* seriesId: 'series-1',
|
|
181
|
+
* dataIndex: 3,
|
|
182
|
+
* },
|
|
183
|
+
* {
|
|
184
|
+
* type: 'line',
|
|
185
|
+
* seriesId: 'series-2',
|
|
186
|
+
* }
|
|
187
|
+
* ]
|
|
188
|
+
* ```
|
|
189
|
+
*/
|
|
190
|
+
initialHiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
|
|
191
|
+
dataIndex: _propTypes.default.number,
|
|
192
|
+
seriesId: _propTypes.default.string.isRequired,
|
|
193
|
+
type: _propTypes.default.oneOf(['radialBar'])
|
|
194
|
+
}), _propTypes.default.shape({
|
|
195
|
+
dataIndex: _propTypes.default.number,
|
|
196
|
+
seriesId: _propTypes.default.string.isRequired,
|
|
197
|
+
type: _propTypes.default.oneOf(['radialBar']).isRequired
|
|
198
|
+
})]).isRequired),
|
|
199
|
+
/**
|
|
200
|
+
* If `true`, a loading overlay is displayed.
|
|
201
|
+
* @default false
|
|
202
|
+
*/
|
|
203
|
+
loading: _propTypes.default.bool,
|
|
204
|
+
/**
|
|
205
|
+
* Localized text for chart components.
|
|
206
|
+
*/
|
|
207
|
+
localeText: _propTypes.default.object,
|
|
208
|
+
/**
|
|
209
|
+
* The margin between the SVG and the drawing area.
|
|
210
|
+
* It's used for leaving some space for extra information such as the x- and y-axis or legend.
|
|
211
|
+
*
|
|
212
|
+
* Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
|
|
213
|
+
*/
|
|
214
|
+
margin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
|
|
215
|
+
bottom: _propTypes.default.number,
|
|
216
|
+
left: _propTypes.default.number,
|
|
217
|
+
right: _propTypes.default.number,
|
|
218
|
+
top: _propTypes.default.number
|
|
219
|
+
})]),
|
|
220
|
+
/**
|
|
221
|
+
* The function called for onClick events.
|
|
222
|
+
* The second argument contains information about all line/bar elements at the current mouse position.
|
|
223
|
+
* @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
|
|
224
|
+
* @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
|
|
225
|
+
*/
|
|
226
|
+
onAxisClick: _propTypes.default.func,
|
|
227
|
+
/**
|
|
228
|
+
* Callback fired when any hidden identifiers change.
|
|
229
|
+
* @param {VisibilityIdentifierWithType[]} hiddenItems The new list of hidden identifiers.
|
|
230
|
+
*/
|
|
231
|
+
onHiddenItemsChange: _propTypes.default.func,
|
|
232
|
+
/**
|
|
233
|
+
* The callback fired when the highlighted item changes.
|
|
234
|
+
*
|
|
235
|
+
* @param {HighlightItemIdentifierWithType<SeriesType> | null} highlightedItem The newly highlighted item.
|
|
236
|
+
*/
|
|
237
|
+
onHighlightChange: _propTypes.default.func,
|
|
238
|
+
/**
|
|
239
|
+
* The callback fired when the tooltip item changes.
|
|
240
|
+
*
|
|
241
|
+
* @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem The newly highlighted item.
|
|
242
|
+
*/
|
|
243
|
+
onTooltipItemChange: _propTypes.default.func,
|
|
244
|
+
/**
|
|
245
|
+
* The configuration of the radial-axes.
|
|
246
|
+
* If not provided, a default axis config is used.
|
|
247
|
+
* An array of [[AxisConfig]] objects.
|
|
248
|
+
*/
|
|
249
|
+
radiusAxis: _propTypes.default.arrayOf(_propTypes.default.object),
|
|
250
|
+
/**
|
|
251
|
+
* The configuration of the rotation-axes.
|
|
252
|
+
* If not provided, a default axis config is used.
|
|
253
|
+
* An array of [[AxisConfig]] objects.
|
|
254
|
+
*/
|
|
255
|
+
rotationAxis: _propTypes.default.arrayOf(_propTypes.default.object),
|
|
256
|
+
/**
|
|
257
|
+
* The series to display in the radial bar chart.
|
|
258
|
+
* An array of [[RadialBarSeries]] objects.
|
|
259
|
+
*/
|
|
260
|
+
series: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
|
|
261
|
+
/**
|
|
262
|
+
* If true, shows the default chart toolbar.
|
|
263
|
+
* @default false
|
|
264
|
+
*/
|
|
265
|
+
showToolbar: _propTypes.default.bool,
|
|
266
|
+
/**
|
|
267
|
+
* If `true`, animations are skipped.
|
|
268
|
+
* @default false
|
|
269
|
+
*/
|
|
270
|
+
skipAnimation: _propTypes.default.bool,
|
|
271
|
+
/**
|
|
272
|
+
* The props used for each component slot.
|
|
273
|
+
* @default {}
|
|
274
|
+
*/
|
|
275
|
+
slotProps: _propTypes.default.object,
|
|
276
|
+
/**
|
|
277
|
+
* Overridable component slots.
|
|
278
|
+
* @default {}
|
|
279
|
+
*/
|
|
280
|
+
slots: _propTypes.default.object,
|
|
281
|
+
theme: _propTypes.default.oneOf(['dark', 'light']),
|
|
282
|
+
/**
|
|
283
|
+
* The tooltip item.
|
|
284
|
+
* Used when the tooltip is controlled.
|
|
285
|
+
*/
|
|
286
|
+
tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
|
|
287
|
+
dataIndex: _propTypes.default.number.isRequired,
|
|
288
|
+
seriesId: _propTypes.default.string.isRequired,
|
|
289
|
+
type: _propTypes.default.oneOf(['radialBar']).isRequired
|
|
290
|
+
}), _propTypes.default.shape({
|
|
291
|
+
dataIndex: _propTypes.default.number.isRequired,
|
|
292
|
+
seriesId: _propTypes.default.string.isRequired
|
|
293
|
+
})]),
|
|
294
|
+
/**
|
|
295
|
+
* The width of the chart in px. If not defined, it takes the width of the parent element.
|
|
296
|
+
*/
|
|
297
|
+
width: _propTypes.default.number
|
|
298
|
+
} : void 0;
|
|
@@ -0,0 +1,292 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import PropTypes from 'prop-types';
|
|
6
|
+
import { useThemeProps } from '@mui/material/styles';
|
|
7
|
+
import { useChartsContainerProps } from '@mui/x-charts/internals';
|
|
8
|
+
import { Unstable_ChartsRadialGrid as ChartsRadialGrid } from '@mui/x-charts/ChartsRadialGrid';
|
|
9
|
+
import { ChartsLegend } from "../ChartsLegend/index.mjs";
|
|
10
|
+
import { ChartsSurface } from "../ChartsSurface/index.mjs";
|
|
11
|
+
import { ChartsTooltip } from "../ChartsTooltip/index.mjs";
|
|
12
|
+
import { ChartsWrapper } from "../ChartsWrapper/index.mjs";
|
|
13
|
+
import { ChartsClipPath } from "../ChartsClipPath/index.mjs";
|
|
14
|
+
import { ChartsOverlay } from "../ChartsOverlay/index.mjs";
|
|
15
|
+
import { radialBarSeriesConfig } from "./seriesConfig/index.mjs";
|
|
16
|
+
import { ChartsRadialDataProviderPremium } from "../ChartsRadialDataProviderPremium/index.mjs";
|
|
17
|
+
import { RadialBarPlot } from "./RadialBarPlot.mjs";
|
|
18
|
+
import { useRadialBarChartProps } from "./useRadialBarChartProps.mjs";
|
|
19
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
20
|
+
const seriesConfig = {
|
|
21
|
+
radialBar: radialBarSeriesConfig
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Demos:
|
|
26
|
+
*
|
|
27
|
+
* - [Radial bar demonstration](https://mui.com/x/react-charts/radial-bar/)
|
|
28
|
+
*
|
|
29
|
+
* API:
|
|
30
|
+
*
|
|
31
|
+
* - [RadialBarChart API](https://mui.com/x/api/charts/radial-bar-chart/)
|
|
32
|
+
*/
|
|
33
|
+
const RadialBarChart = /*#__PURE__*/React.forwardRef(function RadialBarChart(inProps, ref) {
|
|
34
|
+
const props = useThemeProps({
|
|
35
|
+
props: inProps,
|
|
36
|
+
name: 'MuiRadialBarChart'
|
|
37
|
+
});
|
|
38
|
+
const {
|
|
39
|
+
chartsWrapperProps,
|
|
40
|
+
chartsContainerProps,
|
|
41
|
+
gridProps,
|
|
42
|
+
clipPathProps,
|
|
43
|
+
clipPathGroupProps,
|
|
44
|
+
overlayProps,
|
|
45
|
+
legendProps,
|
|
46
|
+
children
|
|
47
|
+
} = useRadialBarChartProps(props);
|
|
48
|
+
const {
|
|
49
|
+
chartsDataProviderProps,
|
|
50
|
+
chartsSurfaceProps
|
|
51
|
+
} = useChartsContainerProps(chartsContainerProps);
|
|
52
|
+
const Tooltip = props.slots?.tooltip ?? ChartsTooltip;
|
|
53
|
+
const Toolbar = props.slots?.toolbar;
|
|
54
|
+
return /*#__PURE__*/_jsx(ChartsRadialDataProviderPremium, _extends({}, chartsDataProviderProps, {
|
|
55
|
+
seriesConfig: seriesConfig,
|
|
56
|
+
children: /*#__PURE__*/_jsxs(ChartsWrapper, _extends({}, chartsWrapperProps, {
|
|
57
|
+
ref: ref,
|
|
58
|
+
children: [props.showToolbar && Toolbar ? /*#__PURE__*/_jsx(Toolbar, _extends({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
|
|
59
|
+
children: [/*#__PURE__*/_jsx(ChartsRadialGrid, _extends({}, gridProps)), /*#__PURE__*/_jsxs("g", _extends({}, clipPathGroupProps, {
|
|
60
|
+
children: [/*#__PURE__*/_jsx(RadialBarPlot, {}), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps))]
|
|
61
|
+
})), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
|
|
62
|
+
})), !props.loading && /*#__PURE__*/_jsx(Tooltip, _extends({}, props.slotProps?.tooltip))]
|
|
63
|
+
}))
|
|
64
|
+
}));
|
|
65
|
+
});
|
|
66
|
+
if (process.env.NODE_ENV !== "production") RadialBarChart.displayName = "RadialBarChart";
|
|
67
|
+
process.env.NODE_ENV !== "production" ? RadialBarChart.propTypes = {
|
|
68
|
+
// ----------------------------- Warning --------------------------------
|
|
69
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
70
|
+
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
71
|
+
// ----------------------------------------------------------------------
|
|
72
|
+
apiRef: PropTypes.shape({
|
|
73
|
+
current: PropTypes.shape({
|
|
74
|
+
exportAsImage: PropTypes.func.isRequired,
|
|
75
|
+
exportAsPrint: PropTypes.func.isRequired
|
|
76
|
+
})
|
|
77
|
+
}),
|
|
78
|
+
/**
|
|
79
|
+
* Color palette used to colorize multiple series.
|
|
80
|
+
* @default rainbowSurgePalette
|
|
81
|
+
*/
|
|
82
|
+
colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
|
|
83
|
+
/**
|
|
84
|
+
* An array of objects that can be used to populate series and axes data using their `dataKey` property.
|
|
85
|
+
*/
|
|
86
|
+
dataset: PropTypes.arrayOf(PropTypes.object),
|
|
87
|
+
/**
|
|
88
|
+
* If `true`, the charts will not listen to the mouse move event.
|
|
89
|
+
* It might break interactive features, but will improve performance.
|
|
90
|
+
* @default false
|
|
91
|
+
*/
|
|
92
|
+
disableAxisListener: PropTypes.bool,
|
|
93
|
+
/**
|
|
94
|
+
* If `true`, disables keyboard navigation for the chart.
|
|
95
|
+
*/
|
|
96
|
+
disableKeyboardNavigation: PropTypes.bool,
|
|
97
|
+
/**
|
|
98
|
+
* Options to enable features planned for the next major.
|
|
99
|
+
*/
|
|
100
|
+
experimentalFeatures: PropTypes.object,
|
|
101
|
+
/**
|
|
102
|
+
* Option to display a radial grid in the background.
|
|
103
|
+
*/
|
|
104
|
+
grid: PropTypes.shape({
|
|
105
|
+
radius: PropTypes.bool,
|
|
106
|
+
rotation: PropTypes.bool
|
|
107
|
+
}),
|
|
108
|
+
/**
|
|
109
|
+
* The height of the chart in px. If not defined, it takes the height of the parent element.
|
|
110
|
+
*/
|
|
111
|
+
height: PropTypes.number,
|
|
112
|
+
/**
|
|
113
|
+
* List of hidden series and/or items.
|
|
114
|
+
*
|
|
115
|
+
* Different chart types use different keys.
|
|
116
|
+
*
|
|
117
|
+
* @example
|
|
118
|
+
* ```ts
|
|
119
|
+
* [
|
|
120
|
+
* {
|
|
121
|
+
* type: 'pie',
|
|
122
|
+
* seriesId: 'series-1',
|
|
123
|
+
* dataIndex: 3,
|
|
124
|
+
* },
|
|
125
|
+
* {
|
|
126
|
+
* type: 'line',
|
|
127
|
+
* seriesId: 'series-2',
|
|
128
|
+
* }
|
|
129
|
+
* ]
|
|
130
|
+
* ```
|
|
131
|
+
*/
|
|
132
|
+
hiddenItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
|
|
133
|
+
dataIndex: PropTypes.number,
|
|
134
|
+
seriesId: PropTypes.string.isRequired,
|
|
135
|
+
type: PropTypes.oneOf(['radialBar'])
|
|
136
|
+
}), PropTypes.shape({
|
|
137
|
+
dataIndex: PropTypes.number,
|
|
138
|
+
seriesId: PropTypes.string.isRequired,
|
|
139
|
+
type: PropTypes.oneOf(['radialBar']).isRequired
|
|
140
|
+
})]).isRequired),
|
|
141
|
+
/**
|
|
142
|
+
* If `true`, the legend is not rendered.
|
|
143
|
+
*/
|
|
144
|
+
hideLegend: PropTypes.bool,
|
|
145
|
+
/**
|
|
146
|
+
* The highlighted item.
|
|
147
|
+
* Used when the highlight is controlled.
|
|
148
|
+
*/
|
|
149
|
+
highlightedItem: PropTypes.oneOfType([PropTypes.shape({
|
|
150
|
+
dataIndex: PropTypes.number.isRequired,
|
|
151
|
+
seriesId: PropTypes.string.isRequired,
|
|
152
|
+
type: PropTypes.oneOf(['radialBar']).isRequired
|
|
153
|
+
}), PropTypes.shape({
|
|
154
|
+
dataIndex: PropTypes.number.isRequired,
|
|
155
|
+
seriesId: PropTypes.string.isRequired
|
|
156
|
+
})]),
|
|
157
|
+
/**
|
|
158
|
+
* This prop is used to help implement the accessibility logic.
|
|
159
|
+
* If you don't provide this prop. It falls back to a randomly generated id.
|
|
160
|
+
*/
|
|
161
|
+
id: PropTypes.string,
|
|
162
|
+
/**
|
|
163
|
+
* List of initially hidden series and/or items.
|
|
164
|
+
* Used for uncontrolled state.
|
|
165
|
+
*
|
|
166
|
+
* Different chart types use different keys.
|
|
167
|
+
*
|
|
168
|
+
* @example
|
|
169
|
+
* ```ts
|
|
170
|
+
* [
|
|
171
|
+
* {
|
|
172
|
+
* type: 'pie',
|
|
173
|
+
* seriesId: 'series-1',
|
|
174
|
+
* dataIndex: 3,
|
|
175
|
+
* },
|
|
176
|
+
* {
|
|
177
|
+
* type: 'line',
|
|
178
|
+
* seriesId: 'series-2',
|
|
179
|
+
* }
|
|
180
|
+
* ]
|
|
181
|
+
* ```
|
|
182
|
+
*/
|
|
183
|
+
initialHiddenItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
|
|
184
|
+
dataIndex: PropTypes.number,
|
|
185
|
+
seriesId: PropTypes.string.isRequired,
|
|
186
|
+
type: PropTypes.oneOf(['radialBar'])
|
|
187
|
+
}), PropTypes.shape({
|
|
188
|
+
dataIndex: PropTypes.number,
|
|
189
|
+
seriesId: PropTypes.string.isRequired,
|
|
190
|
+
type: PropTypes.oneOf(['radialBar']).isRequired
|
|
191
|
+
})]).isRequired),
|
|
192
|
+
/**
|
|
193
|
+
* If `true`, a loading overlay is displayed.
|
|
194
|
+
* @default false
|
|
195
|
+
*/
|
|
196
|
+
loading: PropTypes.bool,
|
|
197
|
+
/**
|
|
198
|
+
* Localized text for chart components.
|
|
199
|
+
*/
|
|
200
|
+
localeText: PropTypes.object,
|
|
201
|
+
/**
|
|
202
|
+
* The margin between the SVG and the drawing area.
|
|
203
|
+
* It's used for leaving some space for extra information such as the x- and y-axis or legend.
|
|
204
|
+
*
|
|
205
|
+
* Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
|
|
206
|
+
*/
|
|
207
|
+
margin: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
|
|
208
|
+
bottom: PropTypes.number,
|
|
209
|
+
left: PropTypes.number,
|
|
210
|
+
right: PropTypes.number,
|
|
211
|
+
top: PropTypes.number
|
|
212
|
+
})]),
|
|
213
|
+
/**
|
|
214
|
+
* The function called for onClick events.
|
|
215
|
+
* The second argument contains information about all line/bar elements at the current mouse position.
|
|
216
|
+
* @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
|
|
217
|
+
* @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
|
|
218
|
+
*/
|
|
219
|
+
onAxisClick: PropTypes.func,
|
|
220
|
+
/**
|
|
221
|
+
* Callback fired when any hidden identifiers change.
|
|
222
|
+
* @param {VisibilityIdentifierWithType[]} hiddenItems The new list of hidden identifiers.
|
|
223
|
+
*/
|
|
224
|
+
onHiddenItemsChange: PropTypes.func,
|
|
225
|
+
/**
|
|
226
|
+
* The callback fired when the highlighted item changes.
|
|
227
|
+
*
|
|
228
|
+
* @param {HighlightItemIdentifierWithType<SeriesType> | null} highlightedItem The newly highlighted item.
|
|
229
|
+
*/
|
|
230
|
+
onHighlightChange: PropTypes.func,
|
|
231
|
+
/**
|
|
232
|
+
* The callback fired when the tooltip item changes.
|
|
233
|
+
*
|
|
234
|
+
* @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem The newly highlighted item.
|
|
235
|
+
*/
|
|
236
|
+
onTooltipItemChange: PropTypes.func,
|
|
237
|
+
/**
|
|
238
|
+
* The configuration of the radial-axes.
|
|
239
|
+
* If not provided, a default axis config is used.
|
|
240
|
+
* An array of [[AxisConfig]] objects.
|
|
241
|
+
*/
|
|
242
|
+
radiusAxis: PropTypes.arrayOf(PropTypes.object),
|
|
243
|
+
/**
|
|
244
|
+
* The configuration of the rotation-axes.
|
|
245
|
+
* If not provided, a default axis config is used.
|
|
246
|
+
* An array of [[AxisConfig]] objects.
|
|
247
|
+
*/
|
|
248
|
+
rotationAxis: PropTypes.arrayOf(PropTypes.object),
|
|
249
|
+
/**
|
|
250
|
+
* The series to display in the radial bar chart.
|
|
251
|
+
* An array of [[RadialBarSeries]] objects.
|
|
252
|
+
*/
|
|
253
|
+
series: PropTypes.arrayOf(PropTypes.object).isRequired,
|
|
254
|
+
/**
|
|
255
|
+
* If true, shows the default chart toolbar.
|
|
256
|
+
* @default false
|
|
257
|
+
*/
|
|
258
|
+
showToolbar: PropTypes.bool,
|
|
259
|
+
/**
|
|
260
|
+
* If `true`, animations are skipped.
|
|
261
|
+
* @default false
|
|
262
|
+
*/
|
|
263
|
+
skipAnimation: PropTypes.bool,
|
|
264
|
+
/**
|
|
265
|
+
* The props used for each component slot.
|
|
266
|
+
* @default {}
|
|
267
|
+
*/
|
|
268
|
+
slotProps: PropTypes.object,
|
|
269
|
+
/**
|
|
270
|
+
* Overridable component slots.
|
|
271
|
+
* @default {}
|
|
272
|
+
*/
|
|
273
|
+
slots: PropTypes.object,
|
|
274
|
+
theme: PropTypes.oneOf(['dark', 'light']),
|
|
275
|
+
/**
|
|
276
|
+
* The tooltip item.
|
|
277
|
+
* Used when the tooltip is controlled.
|
|
278
|
+
*/
|
|
279
|
+
tooltipItem: PropTypes.oneOfType([PropTypes.shape({
|
|
280
|
+
dataIndex: PropTypes.number.isRequired,
|
|
281
|
+
seriesId: PropTypes.string.isRequired,
|
|
282
|
+
type: PropTypes.oneOf(['radialBar']).isRequired
|
|
283
|
+
}), PropTypes.shape({
|
|
284
|
+
dataIndex: PropTypes.number.isRequired,
|
|
285
|
+
seriesId: PropTypes.string.isRequired
|
|
286
|
+
})]),
|
|
287
|
+
/**
|
|
288
|
+
* The width of the chart in px. If not defined, it takes the width of the parent element.
|
|
289
|
+
*/
|
|
290
|
+
width: PropTypes.number
|
|
291
|
+
} : void 0;
|
|
292
|
+
export { RadialBarChart as Unstable_RadialBarChart };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type UseChartZAxisSignature, type UseChartPolarAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartKeyboardNavigationSignature, type UseChartVisibilityManagerSignature, type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
|
|
2
|
+
import { type UseChartProExportSignature } from "../plugins/index.mjs";
|
|
3
|
+
export type RadialBarChartPluginSignatures = [UseChartZAxisSignature, UseChartTooltipSignature<'radialBar'>, UseChartInteractionSignature, UseChartPolarAxisSignature<'radialBar'>, UseChartHighlightSignature<'radialBar'>, UseChartVisibilityManagerSignature<'radialBar'>, UseChartKeyboardNavigationSignature, UseChartProExportSignature];
|
|
4
|
+
export declare const RADIAL_BAR_CHART_PLUGINS: ConvertSignaturesIntoPlugins<RadialBarChartPluginSignatures>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type UseChartZAxisSignature, type UseChartPolarAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartKeyboardNavigationSignature, type UseChartVisibilityManagerSignature, type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
|
|
2
|
+
import { type UseChartProExportSignature } from "../plugins/index.js";
|
|
3
|
+
export type RadialBarChartPluginSignatures = [UseChartZAxisSignature, UseChartTooltipSignature<'radialBar'>, UseChartInteractionSignature, UseChartPolarAxisSignature<'radialBar'>, UseChartHighlightSignature<'radialBar'>, UseChartVisibilityManagerSignature<'radialBar'>, UseChartKeyboardNavigationSignature, UseChartProExportSignature];
|
|
4
|
+
export declare const RADIAL_BAR_CHART_PLUGINS: ConvertSignaturesIntoPlugins<RadialBarChartPluginSignatures>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.RADIAL_BAR_CHART_PLUGINS = void 0;
|
|
7
|
+
var _internals = require("@mui/x-charts/internals");
|
|
8
|
+
var _plugins = require("../plugins");
|
|
9
|
+
const RADIAL_BAR_CHART_PLUGINS = exports.RADIAL_BAR_CHART_PLUGINS = [_internals.useChartZAxis, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartPolarAxis, _internals.useChartHighlight, _internals.useChartVisibilityManager, _internals.useChartKeyboardNavigation, _plugins.useChartProExport];
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { useChartZAxis, useChartPolarAxis, useChartTooltip, useChartInteraction, useChartHighlight, useChartKeyboardNavigation, useChartVisibilityManager } from '@mui/x-charts/internals';
|
|
2
|
+
import { useChartProExport } from "../plugins/index.mjs";
|
|
3
|
+
export const RADIAL_BAR_CHART_PLUGINS = [useChartZAxis, useChartTooltip, useChartInteraction, useChartPolarAxis, useChartHighlight, useChartVisibilityManager, useChartKeyboardNavigation, useChartProExport];
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type SeriesId } from '@mui/x-charts/internals';
|
|
3
|
+
import { type RadialBarClasses } from "./radialBarClasses.mjs";
|
|
4
|
+
type RadialBarElementProps = Omit<React.SVGProps<SVGPathElement>, 'ref'> & {
|
|
5
|
+
seriesId: SeriesId;
|
|
6
|
+
dataIndex: number;
|
|
7
|
+
color: string;
|
|
8
|
+
startAngle: number;
|
|
9
|
+
endAngle: number;
|
|
10
|
+
innerRadius: number;
|
|
11
|
+
outerRadius: number;
|
|
12
|
+
classes?: Partial<RadialBarClasses>;
|
|
13
|
+
onClick?: (event: React.MouseEvent<SVGPathElement, MouseEvent>) => void;
|
|
14
|
+
};
|
|
15
|
+
declare function RadialBarElement(props: RadialBarElementProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export { RadialBarElement };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type SeriesId } from '@mui/x-charts/internals';
|
|
3
|
+
import { type RadialBarClasses } from "./radialBarClasses.js";
|
|
4
|
+
type RadialBarElementProps = Omit<React.SVGProps<SVGPathElement>, 'ref'> & {
|
|
5
|
+
seriesId: SeriesId;
|
|
6
|
+
dataIndex: number;
|
|
7
|
+
color: string;
|
|
8
|
+
startAngle: number;
|
|
9
|
+
endAngle: number;
|
|
10
|
+
innerRadius: number;
|
|
11
|
+
outerRadius: number;
|
|
12
|
+
classes?: Partial<RadialBarClasses>;
|
|
13
|
+
onClick?: (event: React.MouseEvent<SVGPathElement, MouseEvent>) => void;
|
|
14
|
+
};
|
|
15
|
+
declare function RadialBarElement(props: RadialBarElementProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export { RadialBarElement };
|