@mui/x-charts-premium 9.0.2 → 9.0.3

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.
Files changed (214) hide show
  1. package/CHANGELOG.md +136 -0
  2. package/CandlestickChart/CandlestickPlot.js +27 -31
  3. package/CandlestickChart/CandlestickPlot.mjs +27 -31
  4. package/CandlestickChart/CandlestickWebGLProgram.js +0 -3
  5. package/CandlestickChart/CandlestickWebGLProgram.mjs +0 -3
  6. package/ChartsDataProviderPremium/ChartsDataProviderPremium.js +2 -2
  7. package/ChartsDataProviderPremium/ChartsDataProviderPremium.mjs +2 -2
  8. package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.d.mts +35 -0
  9. package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.d.ts +35 -0
  10. package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.js +126 -0
  11. package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.mjs +120 -0
  12. package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.plugins.d.mts +5 -0
  13. package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.plugins.d.ts +5 -0
  14. package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.plugins.js +9 -0
  15. package/ChartsRadialDataProviderPremium/ChartsRadialDataProviderPremium.plugins.mjs +3 -0
  16. package/ChartsRadialDataProviderPremium/index.d.mts +3 -0
  17. package/ChartsRadialDataProviderPremium/index.d.ts +3 -0
  18. package/ChartsRadialDataProviderPremium/index.js +20 -0
  19. package/ChartsRadialDataProviderPremium/index.mjs +3 -0
  20. package/ChartsRadialDataProviderPremium/useChartsRadialDataProviderPremiumProps.d.mts +10 -0
  21. package/ChartsRadialDataProviderPremium/useChartsRadialDataProviderPremiumProps.d.ts +10 -0
  22. package/ChartsRadialDataProviderPremium/useChartsRadialDataProviderPremiumProps.js +25 -0
  23. package/ChartsRadialDataProviderPremium/useChartsRadialDataProviderPremiumProps.mjs +19 -0
  24. package/ChartsRadiusAxis/index.d.mts +1 -0
  25. package/ChartsRadiusAxis/index.d.ts +1 -0
  26. package/ChartsRadiusAxis/index.js +16 -0
  27. package/ChartsRadiusAxis/index.mjs +2 -0
  28. package/ChartsRotationAxis/index.d.mts +1 -0
  29. package/ChartsRotationAxis/index.d.ts +1 -0
  30. package/ChartsRotationAxis/index.js +16 -0
  31. package/ChartsRotationAxis/index.mjs +2 -0
  32. package/ChartsWebGLLayer/ChartsWebGLContext.d.mts +5 -0
  33. package/ChartsWebGLLayer/ChartsWebGLContext.d.ts +5 -0
  34. package/ChartsWebGLLayer/ChartsWebGLContext.js +31 -0
  35. package/ChartsWebGLLayer/ChartsWebGLContext.mjs +23 -0
  36. package/ChartsWebGLLayer/ChartsWebGLLayer.d.mts +0 -1
  37. package/ChartsWebGLLayer/ChartsWebGLLayer.d.ts +0 -1
  38. package/ChartsWebGLLayer/ChartsWebGLLayer.js +63 -12
  39. package/ChartsWebGLLayer/ChartsWebGLLayer.mjs +62 -10
  40. package/ChartsWebGLLayer/ChartsWebGLLayer.types.d.mts +26 -0
  41. package/ChartsWebGLLayer/ChartsWebGLLayer.types.d.ts +26 -0
  42. package/ChartsWebGLLayer/ChartsWebGLLayer.types.js +5 -0
  43. package/ChartsWebGLLayer/ChartsWebGLLayer.types.mjs +1 -0
  44. package/ChartsWebGLLayer/ChartsWebGLOrderContext.d.mts +6 -0
  45. package/ChartsWebGLLayer/ChartsWebGLOrderContext.d.ts +6 -0
  46. package/ChartsWebGLLayer/ChartsWebGLOrderContext.js +15 -0
  47. package/ChartsWebGLLayer/ChartsWebGLOrderContext.mjs +10 -0
  48. package/HeatmapPremium/HeatmapPlotPremium.js +2 -2
  49. package/HeatmapPremium/HeatmapPlotPremium.mjs +2 -2
  50. package/HeatmapPremium/webgl/HeatmapWebGLPlot.js +26 -33
  51. package/HeatmapPremium/webgl/HeatmapWebGLPlot.mjs +26 -33
  52. package/RadialBarChart/seriesConfig/axisTooltipGetter.d.mts +2 -0
  53. package/RadialBarChart/seriesConfig/axisTooltipGetter.d.ts +2 -0
  54. package/RadialBarChart/seriesConfig/axisTooltipGetter.js +13 -0
  55. package/RadialBarChart/seriesConfig/axisTooltipGetter.mjs +6 -0
  56. package/RadialBarChart/seriesConfig/descriptionGetter.d.mts +3 -0
  57. package/RadialBarChart/seriesConfig/descriptionGetter.d.ts +3 -0
  58. package/RadialBarChart/seriesConfig/descriptionGetter.js +34 -0
  59. package/RadialBarChart/seriesConfig/descriptionGetter.mjs +28 -0
  60. package/RadialBarChart/seriesConfig/extremums.d.mts +3 -0
  61. package/RadialBarChart/seriesConfig/extremums.d.ts +3 -0
  62. package/RadialBarChart/seriesConfig/extremums.js +44 -0
  63. package/RadialBarChart/seriesConfig/extremums.mjs +36 -0
  64. package/RadialBarChart/seriesConfig/getColor.d.mts +3 -0
  65. package/RadialBarChart/seriesConfig/getColor.d.ts +3 -0
  66. package/RadialBarChart/seriesConfig/getColor.js +61 -0
  67. package/RadialBarChart/seriesConfig/getColor.mjs +55 -0
  68. package/RadialBarChart/seriesConfig/getSeriesWithDefaultValues.d.mts +3 -0
  69. package/RadialBarChart/seriesConfig/getSeriesWithDefaultValues.d.ts +3 -0
  70. package/RadialBarChart/seriesConfig/getSeriesWithDefaultValues.js +16 -0
  71. package/RadialBarChart/seriesConfig/getSeriesWithDefaultValues.mjs +9 -0
  72. package/RadialBarChart/seriesConfig/index.d.mts +2 -0
  73. package/RadialBarChart/seriesConfig/index.d.ts +2 -0
  74. package/RadialBarChart/seriesConfig/index.js +37 -0
  75. package/RadialBarChart/seriesConfig/index.mjs +30 -0
  76. package/RadialBarChart/seriesConfig/keyboardFocusHandler.d.mts +3 -0
  77. package/RadialBarChart/seriesConfig/keyboardFocusHandler.d.ts +3 -0
  78. package/RadialBarChart/seriesConfig/keyboardFocusHandler.js +9 -0
  79. package/RadialBarChart/seriesConfig/keyboardFocusHandler.mjs +3 -0
  80. package/RadialBarChart/seriesConfig/legend.d.mts +3 -0
  81. package/RadialBarChart/seriesConfig/legend.d.ts +3 -0
  82. package/RadialBarChart/seriesConfig/legend.js +9 -0
  83. package/RadialBarChart/seriesConfig/legend.mjs +3 -0
  84. package/RadialBarChart/seriesConfig/seriesProcessor.d.mts +3 -0
  85. package/RadialBarChart/seriesConfig/seriesProcessor.d.ts +3 -0
  86. package/RadialBarChart/seriesConfig/seriesProcessor.js +137 -0
  87. package/RadialBarChart/seriesConfig/seriesProcessor.mjs +130 -0
  88. package/RadialBarChart/seriesConfig/tooltip.d.mts +3 -0
  89. package/RadialBarChart/seriesConfig/tooltip.d.ts +3 -0
  90. package/RadialBarChart/seriesConfig/tooltip.js +34 -0
  91. package/RadialBarChart/seriesConfig/tooltip.mjs +28 -0
  92. package/RadialBarChart/seriesConfig/tooltipPosition.d.mts +3 -0
  93. package/RadialBarChart/seriesConfig/tooltipPosition.d.ts +3 -0
  94. package/RadialBarChart/seriesConfig/tooltipPosition.js +11 -0
  95. package/RadialBarChart/seriesConfig/tooltipPosition.mjs +5 -0
  96. package/RadialLineChart/RadialArea.d.mts +12 -0
  97. package/RadialLineChart/RadialArea.d.ts +12 -0
  98. package/RadialLineChart/RadialArea.js +33 -0
  99. package/RadialLineChart/RadialArea.mjs +26 -0
  100. package/RadialLineChart/RadialAreaPlot.d.mts +5 -0
  101. package/RadialLineChart/RadialAreaPlot.d.ts +5 -0
  102. package/RadialLineChart/RadialAreaPlot.js +51 -0
  103. package/RadialLineChart/RadialAreaPlot.mjs +45 -0
  104. package/RadialLineChart/RadialLine.d.mts +12 -0
  105. package/RadialLineChart/RadialLine.d.ts +12 -0
  106. package/RadialLineChart/RadialLine.js +33 -0
  107. package/RadialLineChart/RadialLine.mjs +26 -0
  108. package/RadialLineChart/RadialLineChart.d.mts +62 -0
  109. package/RadialLineChart/RadialLineChart.d.ts +62 -0
  110. package/RadialLineChart/RadialLineChart.js +967 -0
  111. package/RadialLineChart/RadialLineChart.mjs +960 -0
  112. package/RadialLineChart/RadialLineChart.plugins.d.mts +4 -0
  113. package/RadialLineChart/RadialLineChart.plugins.d.ts +4 -0
  114. package/RadialLineChart/RadialLineChart.plugins.js +9 -0
  115. package/RadialLineChart/RadialLineChart.plugins.mjs +3 -0
  116. package/RadialLineChart/RadialLinePlot.d.mts +5 -0
  117. package/RadialLineChart/RadialLinePlot.d.ts +5 -0
  118. package/RadialLineChart/RadialLinePlot.js +50 -0
  119. package/RadialLineChart/RadialLinePlot.mjs +44 -0
  120. package/RadialLineChart/RadialMarkPlot.d.mts +5 -0
  121. package/RadialLineChart/RadialMarkPlot.d.ts +5 -0
  122. package/RadialLineChart/RadialMarkPlot.js +48 -0
  123. package/RadialLineChart/RadialMarkPlot.mjs +42 -0
  124. package/RadialLineChart/index.d.mts +4 -0
  125. package/RadialLineChart/index.d.ts +4 -0
  126. package/RadialLineChart/index.js +49 -0
  127. package/RadialLineChart/index.mjs +4 -0
  128. package/RadialLineChart/radialLineClasses.d.mts +25 -0
  129. package/RadialLineChart/radialLineClasses.d.ts +25 -0
  130. package/RadialLineChart/radialLineClasses.js +30 -0
  131. package/RadialLineChart/radialLineClasses.mjs +21 -0
  132. package/RadialLineChart/seriesConfig/axisTooltipGetter.d.mts +2 -0
  133. package/RadialLineChart/seriesConfig/axisTooltipGetter.d.ts +2 -0
  134. package/RadialLineChart/seriesConfig/axisTooltipGetter.js +13 -0
  135. package/RadialLineChart/seriesConfig/axisTooltipGetter.mjs +6 -0
  136. package/RadialLineChart/seriesConfig/descriptionGetter.d.mts +3 -0
  137. package/RadialLineChart/seriesConfig/descriptionGetter.d.ts +3 -0
  138. package/RadialLineChart/seriesConfig/descriptionGetter.js +39 -0
  139. package/RadialLineChart/seriesConfig/descriptionGetter.mjs +33 -0
  140. package/RadialLineChart/seriesConfig/extremums.d.mts +3 -0
  141. package/RadialLineChart/seriesConfig/extremums.d.ts +3 -0
  142. package/RadialLineChart/seriesConfig/extremums.js +48 -0
  143. package/RadialLineChart/seriesConfig/extremums.mjs +40 -0
  144. package/RadialLineChart/seriesConfig/getColor.d.mts +3 -0
  145. package/RadialLineChart/seriesConfig/getColor.d.ts +3 -0
  146. package/RadialLineChart/seriesConfig/getColor.js +61 -0
  147. package/RadialLineChart/seriesConfig/getColor.mjs +55 -0
  148. package/RadialLineChart/seriesConfig/getSeriesWithDefaultValues.d.mts +3 -0
  149. package/RadialLineChart/seriesConfig/getSeriesWithDefaultValues.d.ts +3 -0
  150. package/RadialLineChart/seriesConfig/getSeriesWithDefaultValues.js +13 -0
  151. package/RadialLineChart/seriesConfig/getSeriesWithDefaultValues.mjs +6 -0
  152. package/RadialLineChart/seriesConfig/index.d.mts +2 -0
  153. package/RadialLineChart/seriesConfig/index.d.ts +2 -0
  154. package/RadialLineChart/seriesConfig/index.js +37 -0
  155. package/RadialLineChart/seriesConfig/index.mjs +30 -0
  156. package/RadialLineChart/seriesConfig/keyboardFocusHandler.d.mts +3 -0
  157. package/RadialLineChart/seriesConfig/keyboardFocusHandler.d.ts +3 -0
  158. package/RadialLineChart/seriesConfig/keyboardFocusHandler.js +9 -0
  159. package/RadialLineChart/seriesConfig/keyboardFocusHandler.mjs +3 -0
  160. package/RadialLineChart/seriesConfig/legend.d.mts +3 -0
  161. package/RadialLineChart/seriesConfig/legend.d.ts +3 -0
  162. package/RadialLineChart/seriesConfig/legend.js +29 -0
  163. package/RadialLineChart/seriesConfig/legend.mjs +23 -0
  164. package/RadialLineChart/seriesConfig/seriesProcessor.d.mts +3 -0
  165. package/RadialLineChart/seriesConfig/seriesProcessor.d.ts +3 -0
  166. package/RadialLineChart/seriesConfig/seriesProcessor.js +142 -0
  167. package/RadialLineChart/seriesConfig/seriesProcessor.mjs +135 -0
  168. package/RadialLineChart/seriesConfig/tooltip.d.mts +3 -0
  169. package/RadialLineChart/seriesConfig/tooltip.d.ts +3 -0
  170. package/RadialLineChart/seriesConfig/tooltip.js +32 -0
  171. package/RadialLineChart/seriesConfig/tooltip.mjs +26 -0
  172. package/RadialLineChart/seriesConfig/tooltipPosition.d.mts +3 -0
  173. package/RadialLineChart/seriesConfig/tooltipPosition.d.ts +3 -0
  174. package/RadialLineChart/seriesConfig/tooltipPosition.js +11 -0
  175. package/RadialLineChart/seriesConfig/tooltipPosition.mjs +5 -0
  176. package/RadialLineChart/useRadialLineChartProps.d.mts +28 -0
  177. package/RadialLineChart/useRadialLineChartProps.d.ts +28 -0
  178. package/RadialLineChart/useRadialLineChartProps.js +99 -0
  179. package/RadialLineChart/useRadialLineChartProps.mjs +92 -0
  180. package/RadialLineChart/useRadialLinePlotData.d.mts +19 -0
  181. package/RadialLineChart/useRadialLinePlotData.d.ts +19 -0
  182. package/RadialLineChart/useRadialLinePlotData.js +79 -0
  183. package/RadialLineChart/useRadialLinePlotData.mjs +72 -0
  184. package/hooks/useRadialLineSeries.d.mts +34 -0
  185. package/hooks/useRadialLineSeries.d.ts +34 -0
  186. package/hooks/useRadialLineSeries.js +45 -0
  187. package/hooks/useRadialLineSeries.mjs +40 -0
  188. package/index.d.mts +7 -1
  189. package/index.d.ts +7 -1
  190. package/index.js +69 -1
  191. package/index.mjs +8 -2
  192. package/models/seriesType/index.d.mts +3 -1
  193. package/models/seriesType/index.d.ts +3 -1
  194. package/models/seriesType/index.js +22 -0
  195. package/models/seriesType/index.mjs +3 -1
  196. package/models/seriesType/radialBar.d.mts +23 -0
  197. package/models/seriesType/radialBar.d.ts +23 -0
  198. package/models/seriesType/radialBar.js +5 -0
  199. package/models/seriesType/radialBar.mjs +1 -0
  200. package/models/seriesType/radialLine.d.mts +26 -0
  201. package/models/seriesType/radialLine.d.ts +26 -0
  202. package/models/seriesType/radialLine.js +5 -0
  203. package/models/seriesType/radialLine.mjs +1 -0
  204. package/package.json +62 -6
  205. package/typeOverloads/modules.d.mts +48 -2
  206. package/typeOverloads/modules.d.ts +48 -2
  207. package/utils/webgl/useWebGLResizeObserver.d.mts +3 -2
  208. package/utils/webgl/useWebGLResizeObserver.d.ts +3 -2
  209. package/utils/webgl/useWebGLResizeObserver.js +3 -4
  210. package/utils/webgl/useWebGLResizeObserver.mjs +3 -4
  211. package/HeatmapPremium/webgl/HeatmapWebGLRenderer.d.mts +0 -4
  212. package/HeatmapPremium/webgl/HeatmapWebGLRenderer.d.ts +0 -4
  213. package/HeatmapPremium/webgl/HeatmapWebGLRenderer.js +0 -21
  214. package/HeatmapPremium/webgl/HeatmapWebGLRenderer.mjs +0 -15
@@ -0,0 +1,26 @@
1
+ import { getLabel } from '@mui/x-charts/internals';
2
+ const tooltipGetter = params => {
3
+ const {
4
+ series,
5
+ getColor,
6
+ identifier
7
+ } = params;
8
+ if (!identifier || identifier.dataIndex === undefined) {
9
+ return null;
10
+ }
11
+ const label = getLabel(series.label, 'tooltip');
12
+ const value = series.data[identifier.dataIndex];
13
+ const formattedValue = series.valueFormatter(value, {
14
+ dataIndex: identifier.dataIndex
15
+ });
16
+ return {
17
+ identifier,
18
+ color: getColor(identifier.dataIndex),
19
+ label,
20
+ value,
21
+ formattedValue,
22
+ markType: series.labelMarkType,
23
+ markShape: series.showMark ? series.shape : undefined
24
+ };
25
+ };
26
+ export default tooltipGetter;
@@ -0,0 +1,3 @@
1
+ import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
2
+ declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'radialLine'>;
3
+ export default tooltipItemPositionGetter;
@@ -0,0 +1,3 @@
1
+ import type { TooltipItemPositionGetter } from '@mui/x-charts/internals';
2
+ declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'radialLine'>;
3
+ export default tooltipItemPositionGetter;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ const tooltipItemPositionGetter = () => {
8
+ // Todo: to implement
9
+ return null;
10
+ };
11
+ var _default = exports.default = tooltipItemPositionGetter;
@@ -0,0 +1,5 @@
1
+ const tooltipItemPositionGetter = () => {
2
+ // Todo: to implement
3
+ return null;
4
+ };
5
+ export default tooltipItemPositionGetter;
@@ -0,0 +1,28 @@
1
+ import * as React from 'react';
2
+ import { type ChartsClipPathProps } from "../ChartsClipPath/index.mjs";
3
+ import { type ChartsRadialGridProps } from "../ChartsRadialGrid/index.mjs";
4
+ import { type ChartsLegendSlotExtension } from "../ChartsLegend/index.mjs";
5
+ import { type ChartsOverlayProps } from "../ChartsOverlay/index.mjs";
6
+ import { type ChartsRadialDataProviderProps } from "../ChartsRadialDataProvider/index.mjs";
7
+ import type { RadialLineChartProps } from "./RadialLineChart.mjs";
8
+ import type { ChartsWrapperProps } from "../ChartsWrapper/index.mjs";
9
+ import { type RadialLineChartPluginSignatures } from "./RadialLineChart.plugins.mjs";
10
+ /**
11
+ * A helper function that extracts RadialLineChartProps from the input props
12
+ * and returns an object with props for the children components of RadialLineChart.
13
+ *
14
+ * @param props The input props for RadialLineChart
15
+ * @returns An object with props for the children components of RadialLineChart
16
+ */
17
+ export declare const useRadialLineChartProps: (props: RadialLineChartProps) => {
18
+ chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
19
+ chartsContainerProps: ChartsRadialDataProviderProps<"radialLine", RadialLineChartPluginSignatures>;
20
+ gridProps: ChartsRadialGridProps | undefined;
21
+ clipPathProps: ChartsClipPathProps;
22
+ clipPathGroupProps: {
23
+ clipPath: string;
24
+ };
25
+ overlayProps: ChartsOverlayProps;
26
+ legendProps: ChartsLegendSlotExtension;
27
+ children: React.ReactNode;
28
+ };
@@ -0,0 +1,28 @@
1
+ import * as React from 'react';
2
+ import { type ChartsClipPathProps } from "../ChartsClipPath/index.js";
3
+ import { type ChartsRadialGridProps } from "../ChartsRadialGrid/index.js";
4
+ import { type ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
5
+ import { type ChartsOverlayProps } from "../ChartsOverlay/index.js";
6
+ import { type ChartsRadialDataProviderProps } from "../ChartsRadialDataProvider/index.js";
7
+ import type { RadialLineChartProps } from "./RadialLineChart.js";
8
+ import type { ChartsWrapperProps } from "../ChartsWrapper/index.js";
9
+ import { type RadialLineChartPluginSignatures } from "./RadialLineChart.plugins.js";
10
+ /**
11
+ * A helper function that extracts RadialLineChartProps from the input props
12
+ * and returns an object with props for the children components of RadialLineChart.
13
+ *
14
+ * @param props The input props for RadialLineChart
15
+ * @returns An object with props for the children components of RadialLineChart
16
+ */
17
+ export declare const useRadialLineChartProps: (props: RadialLineChartProps) => {
18
+ chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
19
+ chartsContainerProps: ChartsRadialDataProviderProps<"radialLine", RadialLineChartPluginSignatures>;
20
+ gridProps: ChartsRadialGridProps | undefined;
21
+ clipPathProps: ChartsClipPathProps;
22
+ clipPathGroupProps: {
23
+ clipPath: string;
24
+ };
25
+ overlayProps: ChartsOverlayProps;
26
+ legendProps: ChartsLegendSlotExtension;
27
+ children: React.ReactNode;
28
+ };
@@ -0,0 +1,99 @@
1
+ "use strict";
2
+ 'use client';
3
+
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
6
+ Object.defineProperty(exports, "__esModule", {
7
+ value: true
8
+ });
9
+ exports.useRadialLineChartProps = void 0;
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
12
+ var React = _interopRequireWildcard(require("react"));
13
+ var _useId = _interopRequireDefault(require("@mui/utils/useId"));
14
+ var _RadialLineChart = require("./RadialLineChart.plugins");
15
+ var _constants = require("../constants");
16
+ const _excluded = ["rotationAxis", "radiusAxis", "series", "width", "height", "margin", "colors", "dataset", "disableLineItemHighlight", "hideLegend", "grid", "children", "slots", "slotProps", "skipAnimation", "loading", "showToolbar"];
17
+ /**
18
+ * A helper function that extracts RadialLineChartProps from the input props
19
+ * and returns an object with props for the children components of RadialLineChart.
20
+ *
21
+ * @param props The input props for RadialLineChart
22
+ * @returns An object with props for the children components of RadialLineChart
23
+ */
24
+ const useRadialLineChartProps = props => {
25
+ const {
26
+ rotationAxis,
27
+ radiusAxis,
28
+ series,
29
+ width,
30
+ height,
31
+ margin,
32
+ colors,
33
+ dataset,
34
+ disableLineItemHighlight,
35
+ grid,
36
+ children,
37
+ slots,
38
+ slotProps,
39
+ skipAnimation,
40
+ loading
41
+ } = props,
42
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
43
+ const id = (0, _useId.default)();
44
+ const clipPathId = `${id}-clip-path`;
45
+ const seriesWithDefault = React.useMemo(() => series.map(s => (0, _extends2.default)({
46
+ disableHighlight: !!disableLineItemHighlight,
47
+ type: 'radialLine'
48
+ }, s)), [disableLineItemHighlight, series]);
49
+ const chartsContainerProps = (0, _extends2.default)({}, other, {
50
+ series: seriesWithDefault,
51
+ width,
52
+ height,
53
+ margin,
54
+ colors,
55
+ dataset,
56
+ rotationAxis: rotationAxis ?? [{
57
+ id: _constants.DEFAULT_ROTATION_AXIS_KEY,
58
+ scaleType: 'point',
59
+ data: Array.from({
60
+ length: Math.max(...series.map(s => (s.data ?? dataset ?? []).length))
61
+ }, (_, index) => index)
62
+ }],
63
+ radiusAxis,
64
+ skipAnimation,
65
+ plugins: _RadialLineChart.RADIAL_LINE_CHART_PLUGINS
66
+ });
67
+ const gridProps = grid;
68
+ const clipPathGroupProps = {
69
+ clipPath: `url(#${clipPathId})`
70
+ };
71
+ const clipPathProps = {
72
+ id: clipPathId
73
+ };
74
+ const overlayProps = {
75
+ slots,
76
+ slotProps,
77
+ loading
78
+ };
79
+ const legendProps = {
80
+ slots,
81
+ slotProps
82
+ };
83
+ const chartsWrapperProps = {
84
+ legendPosition: props.slotProps?.legend?.position,
85
+ legendDirection: props.slotProps?.legend?.direction,
86
+ hideLegend: props.hideLegend ?? false
87
+ };
88
+ return {
89
+ chartsWrapperProps,
90
+ chartsContainerProps,
91
+ gridProps,
92
+ clipPathProps,
93
+ clipPathGroupProps,
94
+ overlayProps,
95
+ legendProps,
96
+ children
97
+ };
98
+ };
99
+ exports.useRadialLineChartProps = useRadialLineChartProps;
@@ -0,0 +1,92 @@
1
+ 'use client';
2
+
3
+ import _extends from "@babel/runtime/helpers/esm/extends";
4
+ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
5
+ const _excluded = ["rotationAxis", "radiusAxis", "series", "width", "height", "margin", "colors", "dataset", "disableLineItemHighlight", "hideLegend", "grid", "children", "slots", "slotProps", "skipAnimation", "loading", "showToolbar"];
6
+ import * as React from 'react';
7
+ import useId from '@mui/utils/useId';
8
+ import { RADIAL_LINE_CHART_PLUGINS } from "./RadialLineChart.plugins.mjs";
9
+ import { DEFAULT_ROTATION_AXIS_KEY } from "../constants/index.mjs";
10
+
11
+ /**
12
+ * A helper function that extracts RadialLineChartProps from the input props
13
+ * and returns an object with props for the children components of RadialLineChart.
14
+ *
15
+ * @param props The input props for RadialLineChart
16
+ * @returns An object with props for the children components of RadialLineChart
17
+ */
18
+ export const useRadialLineChartProps = props => {
19
+ const {
20
+ rotationAxis,
21
+ radiusAxis,
22
+ series,
23
+ width,
24
+ height,
25
+ margin,
26
+ colors,
27
+ dataset,
28
+ disableLineItemHighlight,
29
+ grid,
30
+ children,
31
+ slots,
32
+ slotProps,
33
+ skipAnimation,
34
+ loading
35
+ } = props,
36
+ other = _objectWithoutPropertiesLoose(props, _excluded);
37
+ const id = useId();
38
+ const clipPathId = `${id}-clip-path`;
39
+ const seriesWithDefault = React.useMemo(() => series.map(s => _extends({
40
+ disableHighlight: !!disableLineItemHighlight,
41
+ type: 'radialLine'
42
+ }, s)), [disableLineItemHighlight, series]);
43
+ const chartsContainerProps = _extends({}, other, {
44
+ series: seriesWithDefault,
45
+ width,
46
+ height,
47
+ margin,
48
+ colors,
49
+ dataset,
50
+ rotationAxis: rotationAxis ?? [{
51
+ id: DEFAULT_ROTATION_AXIS_KEY,
52
+ scaleType: 'point',
53
+ data: Array.from({
54
+ length: Math.max(...series.map(s => (s.data ?? dataset ?? []).length))
55
+ }, (_, index) => index)
56
+ }],
57
+ radiusAxis,
58
+ skipAnimation,
59
+ plugins: RADIAL_LINE_CHART_PLUGINS
60
+ });
61
+ const gridProps = grid;
62
+ const clipPathGroupProps = {
63
+ clipPath: `url(#${clipPathId})`
64
+ };
65
+ const clipPathProps = {
66
+ id: clipPathId
67
+ };
68
+ const overlayProps = {
69
+ slots,
70
+ slotProps,
71
+ loading
72
+ };
73
+ const legendProps = {
74
+ slots,
75
+ slotProps
76
+ };
77
+ const chartsWrapperProps = {
78
+ legendPosition: props.slotProps?.legend?.position,
79
+ legendDirection: props.slotProps?.legend?.direction,
80
+ hideLegend: props.hideLegend ?? false
81
+ };
82
+ return {
83
+ chartsWrapperProps,
84
+ chartsContainerProps,
85
+ gridProps,
86
+ clipPathProps,
87
+ clipPathGroupProps,
88
+ overlayProps,
89
+ legendProps,
90
+ children
91
+ };
92
+ };
@@ -0,0 +1,19 @@
1
+ import { type CurveType, type SeriesId } from '@mui/x-charts/models';
2
+ export interface RadialLinePoint {
3
+ x: number;
4
+ y: number;
5
+ radius: number;
6
+ baseRadius: number;
7
+ angle: number;
8
+ dataIndex: number;
9
+ }
10
+ interface RadialLinePlotDataPoint {
11
+ points: RadialLinePoint[];
12
+ seriesId: SeriesId;
13
+ color: string;
14
+ hidden: boolean;
15
+ area?: boolean;
16
+ curve?: CurveType;
17
+ }
18
+ export declare function useRadialLinePlotData(): RadialLinePlotDataPoint[];
19
+ export {};
@@ -0,0 +1,19 @@
1
+ import { type CurveType, type SeriesId } from '@mui/x-charts/models';
2
+ export interface RadialLinePoint {
3
+ x: number;
4
+ y: number;
5
+ radius: number;
6
+ baseRadius: number;
7
+ angle: number;
8
+ dataIndex: number;
9
+ }
10
+ interface RadialLinePlotDataPoint {
11
+ points: RadialLinePoint[];
12
+ seriesId: SeriesId;
13
+ color: string;
14
+ hidden: boolean;
15
+ area?: boolean;
16
+ curve?: CurveType;
17
+ }
18
+ export declare function useRadialLinePlotData(): RadialLinePlotDataPoint[];
19
+ export {};
@@ -0,0 +1,79 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.useRadialLinePlotData = useRadialLinePlotData;
8
+ var React = _interopRequireWildcard(require("react"));
9
+ var _hooks = require("@mui/x-charts/hooks");
10
+ var _internals = require("@mui/x-charts/internals");
11
+ var _useRadialLineSeries = require("../hooks/useRadialLineSeries");
12
+ function useRadialLinePlotData() {
13
+ const {
14
+ instance
15
+ } = (0, _internals.useChartsContext)();
16
+ const {
17
+ radiusAxis: radiusAxisMap,
18
+ radiusAxisIds
19
+ } = (0, _hooks.useRadiusAxes)();
20
+ const {
21
+ rotationAxis: rotationAxisMap,
22
+ rotationAxisIds
23
+ } = (0, _hooks.useRotationAxes)();
24
+ const seriesData = (0, _useRadialLineSeries.useRadialLineSeriesContext)();
25
+ return React.useMemo(() => {
26
+ if (seriesData === undefined || !radiusAxisMap || !rotationAxisMap) {
27
+ return [];
28
+ }
29
+ const {
30
+ series,
31
+ stackingGroups
32
+ } = seriesData;
33
+ const plotData = [];
34
+ for (const stackingGroup of stackingGroups) {
35
+ for (const seriesId of stackingGroup.ids) {
36
+ const {
37
+ stackedData,
38
+ data,
39
+ hidden,
40
+ area = false,
41
+ curve,
42
+ rotationAxisId = rotationAxisIds[0],
43
+ radiusAxisId = radiusAxisIds[0]
44
+ } = series[seriesId];
45
+ const radiusAxis = radiusAxisMap[radiusAxisId];
46
+ const rotationAxis = rotationAxisMap[rotationAxisId];
47
+ const points = [];
48
+ for (let dataIndex = 0; dataIndex < data.length; dataIndex += 1) {
49
+ if (data[dataIndex] == null) {
50
+ continue;
51
+ }
52
+ const value = stackedData[dataIndex]?.[1] ?? data[dataIndex];
53
+ const baseValue = stackedData[dataIndex]?.[0] ?? radiusAxis.scale.domain()[0];
54
+ const radius = radiusAxis.scale(value);
55
+ const baseRadius = radiusAxis.scale(baseValue);
56
+ const angle = rotationAxis.scale(rotationAxis.data[dataIndex]);
57
+ const [x, y] = instance.polar2svg(radius, angle);
58
+ points.push({
59
+ x,
60
+ y,
61
+ radius,
62
+ baseRadius,
63
+ angle,
64
+ dataIndex
65
+ });
66
+ }
67
+ plotData.push({
68
+ color: series[seriesId].color,
69
+ points,
70
+ seriesId,
71
+ hidden,
72
+ area,
73
+ curve
74
+ });
75
+ }
76
+ }
77
+ return plotData;
78
+ }, [seriesData, radiusAxisMap, rotationAxisMap, radiusAxisIds, rotationAxisIds, instance]);
79
+ }
@@ -0,0 +1,72 @@
1
+ import * as React from 'react';
2
+ import { useRadiusAxes, useRotationAxes } from '@mui/x-charts/hooks';
3
+ import { useChartsContext } from '@mui/x-charts/internals';
4
+ import { useRadialLineSeriesContext } from "../hooks/useRadialLineSeries.mjs";
5
+ export function useRadialLinePlotData() {
6
+ const {
7
+ instance
8
+ } = useChartsContext();
9
+ const {
10
+ radiusAxis: radiusAxisMap,
11
+ radiusAxisIds
12
+ } = useRadiusAxes();
13
+ const {
14
+ rotationAxis: rotationAxisMap,
15
+ rotationAxisIds
16
+ } = useRotationAxes();
17
+ const seriesData = useRadialLineSeriesContext();
18
+ return React.useMemo(() => {
19
+ if (seriesData === undefined || !radiusAxisMap || !rotationAxisMap) {
20
+ return [];
21
+ }
22
+ const {
23
+ series,
24
+ stackingGroups
25
+ } = seriesData;
26
+ const plotData = [];
27
+ for (const stackingGroup of stackingGroups) {
28
+ for (const seriesId of stackingGroup.ids) {
29
+ const {
30
+ stackedData,
31
+ data,
32
+ hidden,
33
+ area = false,
34
+ curve,
35
+ rotationAxisId = rotationAxisIds[0],
36
+ radiusAxisId = radiusAxisIds[0]
37
+ } = series[seriesId];
38
+ const radiusAxis = radiusAxisMap[radiusAxisId];
39
+ const rotationAxis = rotationAxisMap[rotationAxisId];
40
+ const points = [];
41
+ for (let dataIndex = 0; dataIndex < data.length; dataIndex += 1) {
42
+ if (data[dataIndex] == null) {
43
+ continue;
44
+ }
45
+ const value = stackedData[dataIndex]?.[1] ?? data[dataIndex];
46
+ const baseValue = stackedData[dataIndex]?.[0] ?? radiusAxis.scale.domain()[0];
47
+ const radius = radiusAxis.scale(value);
48
+ const baseRadius = radiusAxis.scale(baseValue);
49
+ const angle = rotationAxis.scale(rotationAxis.data[dataIndex]);
50
+ const [x, y] = instance.polar2svg(radius, angle);
51
+ points.push({
52
+ x,
53
+ y,
54
+ radius,
55
+ baseRadius,
56
+ angle,
57
+ dataIndex
58
+ });
59
+ }
60
+ plotData.push({
61
+ color: series[seriesId].color,
62
+ points,
63
+ seriesId,
64
+ hidden,
65
+ area,
66
+ curve
67
+ });
68
+ }
69
+ }
70
+ return plotData;
71
+ }, [seriesData, radiusAxisMap, rotationAxisMap, radiusAxisIds, rotationAxisIds, instance]);
72
+ }
@@ -0,0 +1,34 @@
1
+ import { type ChartSeriesDefaultized, type ProcessedSeries } from '@mui/x-charts/internals';
2
+ import { type SeriesId } from '@mui/x-charts/models';
3
+ export type UseRadialLineSeriesReturnValue = ChartSeriesDefaultized<'radialLine'>;
4
+ export type UseRadialLineSeriesContextReturnValue = ProcessedSeries['radialLine'];
5
+ /**
6
+ * Get access to the internal state of radial line series.
7
+ *
8
+ * @param {SeriesId} seriesId The id of the series to get.
9
+ * @returns {UseRadialLineSeriesReturnValue} the radial line series
10
+ */
11
+ export declare function useRadialLineSeries(seriesId: SeriesId): UseRadialLineSeriesReturnValue | undefined;
12
+ /**
13
+ * Get access to the internal state of radial line series.
14
+ *
15
+ * When called without arguments, it returns all radial line series.
16
+ *
17
+ * @returns {UseRadialLineSeriesReturnValue[]} the radial line series
18
+ */
19
+ export declare function useRadialLineSeries(): UseRadialLineSeriesReturnValue[];
20
+ /**
21
+ * Get access to the internal state of radial line series.
22
+ *
23
+ * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
24
+ * @returns {UseRadialLineSeriesReturnValue[]} the radial line series
25
+ */
26
+ export declare function useRadialLineSeries(seriesIds: SeriesId[]): UseRadialLineSeriesReturnValue[];
27
+ /**
28
+ * Get access to the internal state of radial line series.
29
+ * The returned object contains:
30
+ * - series: a mapping from ids to series attributes.
31
+ * - seriesOrder: the array of series ids.
32
+ * @returns the radial line series
33
+ */
34
+ export declare function useRadialLineSeriesContext(): UseRadialLineSeriesContextReturnValue;
@@ -0,0 +1,34 @@
1
+ import { type ChartSeriesDefaultized, type ProcessedSeries } from '@mui/x-charts/internals';
2
+ import { type SeriesId } from '@mui/x-charts/models';
3
+ export type UseRadialLineSeriesReturnValue = ChartSeriesDefaultized<'radialLine'>;
4
+ export type UseRadialLineSeriesContextReturnValue = ProcessedSeries['radialLine'];
5
+ /**
6
+ * Get access to the internal state of radial line series.
7
+ *
8
+ * @param {SeriesId} seriesId The id of the series to get.
9
+ * @returns {UseRadialLineSeriesReturnValue} the radial line series
10
+ */
11
+ export declare function useRadialLineSeries(seriesId: SeriesId): UseRadialLineSeriesReturnValue | undefined;
12
+ /**
13
+ * Get access to the internal state of radial line series.
14
+ *
15
+ * When called without arguments, it returns all radial line series.
16
+ *
17
+ * @returns {UseRadialLineSeriesReturnValue[]} the radial line series
18
+ */
19
+ export declare function useRadialLineSeries(): UseRadialLineSeriesReturnValue[];
20
+ /**
21
+ * Get access to the internal state of radial line series.
22
+ *
23
+ * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
24
+ * @returns {UseRadialLineSeriesReturnValue[]} the radial line series
25
+ */
26
+ export declare function useRadialLineSeries(seriesIds: SeriesId[]): UseRadialLineSeriesReturnValue[];
27
+ /**
28
+ * Get access to the internal state of radial line series.
29
+ * The returned object contains:
30
+ * - series: a mapping from ids to series attributes.
31
+ * - seriesOrder: the array of series ids.
32
+ * @returns the radial line series
33
+ */
34
+ export declare function useRadialLineSeriesContext(): UseRadialLineSeriesContextReturnValue;
@@ -0,0 +1,45 @@
1
+ "use strict";
2
+ 'use client';
3
+
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.useRadialLineSeries = useRadialLineSeries;
8
+ exports.useRadialLineSeriesContext = useRadialLineSeriesContext;
9
+ var _internals = require("@mui/x-charts/internals");
10
+ /**
11
+ * Get access to the internal state of radial line series.
12
+ *
13
+ * @param {SeriesId} seriesId The id of the series to get.
14
+ * @returns {UseRadialLineSeriesReturnValue} the radial line series
15
+ */
16
+
17
+ /**
18
+ * Get access to the internal state of radial line series.
19
+ *
20
+ * When called without arguments, it returns all radial line series.
21
+ *
22
+ * @returns {UseRadialLineSeriesReturnValue[]} the radial line series
23
+ */
24
+
25
+ /**
26
+ * Get access to the internal state of radial line series.
27
+ *
28
+ * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
29
+ * @returns {UseRadialLineSeriesReturnValue[]} the radial line series
30
+ */
31
+
32
+ function useRadialLineSeries(seriesIds) {
33
+ return (0, _internals.useSeriesOfType)('radialLine', seriesIds);
34
+ }
35
+
36
+ /**
37
+ * Get access to the internal state of radial line series.
38
+ * The returned object contains:
39
+ * - series: a mapping from ids to series attributes.
40
+ * - seriesOrder: the array of series ids.
41
+ * @returns the radial line series
42
+ */
43
+ function useRadialLineSeriesContext() {
44
+ return (0, _internals.useAllSeriesOfType)('radialLine');
45
+ }
@@ -0,0 +1,40 @@
1
+ 'use client';
2
+
3
+ import { useAllSeriesOfType, useSeriesOfType } from '@mui/x-charts/internals';
4
+
5
+ /**
6
+ * Get access to the internal state of radial line series.
7
+ *
8
+ * @param {SeriesId} seriesId The id of the series to get.
9
+ * @returns {UseRadialLineSeriesReturnValue} the radial line series
10
+ */
11
+
12
+ /**
13
+ * Get access to the internal state of radial line series.
14
+ *
15
+ * When called without arguments, it returns all radial line series.
16
+ *
17
+ * @returns {UseRadialLineSeriesReturnValue[]} the radial line series
18
+ */
19
+
20
+ /**
21
+ * Get access to the internal state of radial line series.
22
+ *
23
+ * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
24
+ * @returns {UseRadialLineSeriesReturnValue[]} the radial line series
25
+ */
26
+
27
+ export function useRadialLineSeries(seriesIds) {
28
+ return useSeriesOfType('radialLine', seriesIds);
29
+ }
30
+
31
+ /**
32
+ * Get access to the internal state of radial line series.
33
+ * The returned object contains:
34
+ * - series: a mapping from ids to series attributes.
35
+ * - seriesOrder: the array of series ids.
36
+ * @returns the radial line series
37
+ */
38
+ export function useRadialLineSeriesContext() {
39
+ return useAllSeriesOfType('radialLine');
40
+ }
package/index.d.mts CHANGED
@@ -21,6 +21,10 @@ export * from '@mui/x-charts/RadarChart';
21
21
  export * from '@mui/x-charts/ChartsSurface';
22
22
  export * from '@mui/x-charts/ChartsDataProvider';
23
23
  export * from '@mui/x-charts/ChartsLabel';
24
+ export * from '@mui/x-charts/ChartsRadialDataProvider';
25
+ export * from '@mui/x-charts/ChartsRadialGrid';
26
+ export * from '@mui/x-charts/ChartsRadiusAxis';
27
+ export { type ChartsRotationAxisProps, Unstable_ChartsRotationAxis } from '@mui/x-charts/ChartsRotationAxis';
24
28
  export * from '@mui/x-charts-pro/Heatmap';
25
29
  export { ChartsContainerPro } from '@mui/x-charts-pro/ChartsContainerPro';
26
30
  export type { ChartsContainerProProps } from '@mui/x-charts-pro/ChartsContainerPro';
@@ -42,8 +46,10 @@ export * from "./models/index.mjs";
42
46
  export * from "./plugins/index.mjs";
43
47
  export * from "./ChartsRenderer/index.mjs";
44
48
  export * from "./ChartsDataProviderPremium/index.mjs";
49
+ export * from "./ChartsRadialDataProviderPremium/index.mjs";
45
50
  export * from "./ChartsContainerPremium/index.mjs";
46
51
  export * from "./BarChartPremium/index.mjs";
47
52
  export * from "./HeatmapPremium/index.mjs";
48
53
  export * from "./ChartsWebGLLayer/index.mjs";
49
- export * from "./CandlestickChart/index.mjs";
54
+ export * from "./CandlestickChart/index.mjs";
55
+ export * from "./RadialLineChart/index.mjs";