@mui/x-charts-pro 8.0.0-beta.2 → 8.0.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.
Files changed (200) hide show
  1. package/BarChartPro/BarChartPro.js +788 -9
  2. package/CHANGELOG.md +423 -96
  3. package/ChartDataProviderPro/ChartDataProviderPro.d.ts +1 -1
  4. package/ChartDataProviderPro/ChartDataProviderPro.js +27 -22
  5. package/ChartDataProviderPro/useChartDataProviderProProps.d.ts +1 -2
  6. package/ChartDataProviderPro/useChartDataProviderProProps.js +0 -2
  7. package/FunnelChart/FunnelChart.js +73 -4
  8. package/FunnelChart/categoryAxis.types.d.ts +3 -2
  9. package/FunnelChart/funnelSectionClasses.d.ts +5 -0
  10. package/FunnelChart/funnelSectionClasses.js +1 -1
  11. package/FunnelChart/index.d.ts +1 -0
  12. package/FunnelChart/index.js +12 -0
  13. package/FunnelChart/useFunnelChartProps.js +3 -3
  14. package/Heatmap/Heatmap.d.ts +1 -1
  15. package/Heatmap/Heatmap.js +4 -3
  16. package/Heatmap/{HeatmapTooltip.js → HeatmapTooltip/HeatmapTooltip.js} +30 -34
  17. package/Heatmap/HeatmapTooltip/HeatmapTooltipAxesValue.d.ts +4 -0
  18. package/Heatmap/HeatmapTooltip/HeatmapTooltipAxesValue.js +26 -0
  19. package/Heatmap/HeatmapTooltip/index.d.ts +1 -0
  20. package/Heatmap/HeatmapTooltip/index.js +16 -0
  21. package/Heatmap/heatmapClasses.d.ts +5 -0
  22. package/Heatmap/heatmapClasses.js +1 -1
  23. package/Heatmap/index.d.ts +1 -1
  24. package/LineChartPro/LineChartPro.js +788 -9
  25. package/ScatterChartPro/ScatterChartPro.js +788 -9
  26. package/esm/BarChartPro/BarChartPro.js +788 -9
  27. package/esm/ChartDataProviderPro/ChartDataProviderPro.d.ts +1 -1
  28. package/esm/ChartDataProviderPro/ChartDataProviderPro.js +28 -23
  29. package/esm/ChartDataProviderPro/useChartDataProviderProProps.d.ts +1 -2
  30. package/esm/ChartDataProviderPro/useChartDataProviderProProps.js +0 -2
  31. package/esm/FunnelChart/FunnelChart.js +73 -4
  32. package/esm/FunnelChart/categoryAxis.types.d.ts +3 -2
  33. package/esm/FunnelChart/funnelSectionClasses.d.ts +5 -0
  34. package/esm/FunnelChart/funnelSectionClasses.js +1 -1
  35. package/esm/FunnelChart/index.d.ts +1 -0
  36. package/esm/FunnelChart/index.js +1 -0
  37. package/esm/FunnelChart/useFunnelChartProps.js +3 -3
  38. package/esm/Heatmap/Heatmap.d.ts +1 -1
  39. package/esm/Heatmap/Heatmap.js +4 -3
  40. package/{modern/Heatmap → esm/Heatmap/HeatmapTooltip}/HeatmapTooltip.js +30 -34
  41. package/esm/Heatmap/HeatmapTooltip/HeatmapTooltipAxesValue.d.ts +4 -0
  42. package/esm/Heatmap/HeatmapTooltip/HeatmapTooltipAxesValue.js +22 -0
  43. package/esm/Heatmap/HeatmapTooltip/index.d.ts +1 -0
  44. package/esm/Heatmap/HeatmapTooltip/index.js +1 -0
  45. package/esm/Heatmap/heatmapClasses.d.ts +5 -0
  46. package/esm/Heatmap/heatmapClasses.js +1 -1
  47. package/esm/Heatmap/index.d.ts +1 -1
  48. package/esm/Heatmap/index.js +1 -1
  49. package/esm/LineChartPro/LineChartPro.js +788 -9
  50. package/esm/ScatterChartPro/ScatterChartPro.js +788 -9
  51. package/esm/index.js +1 -1
  52. package/esm/internals/plugins/useChartProZoom/useChartProZoom.js +28 -35
  53. package/esm/internals/plugins/useChartProZoom/useChartProZoom.selectors.d.ts +7 -7
  54. package/index.js +1 -1
  55. package/internals/plugins/useChartProZoom/useChartProZoom.js +28 -34
  56. package/internals/plugins/useChartProZoom/useChartProZoom.selectors.d.ts +7 -7
  57. package/package.json +9 -19
  58. package/esm/Heatmap/HeatmapTooltip.js +0 -288
  59. package/esm/internals/utils/releaseInfo.d.ts +0 -1
  60. package/esm/internals/utils/releaseInfo.js +0 -13
  61. package/internals/utils/releaseInfo.d.ts +0 -1
  62. package/internals/utils/releaseInfo.js +0 -21
  63. package/modern/BarChartPro/BarChartPro.d.ts +0 -18
  64. package/modern/BarChartPro/BarChartPro.js +0 -404
  65. package/modern/BarChartPro/BarChartPro.plugins.d.ts +0 -4
  66. package/modern/BarChartPro/BarChartPro.plugins.js +0 -3
  67. package/modern/BarChartPro/index.d.ts +0 -1
  68. package/modern/BarChartPro/index.js +0 -1
  69. package/modern/ChartContainerPro/ChartContainerPro.d.ts +0 -35
  70. package/modern/ChartContainerPro/ChartContainerPro.js +0 -290
  71. package/modern/ChartContainerPro/index.d.ts +0 -2
  72. package/modern/ChartContainerPro/index.js +0 -2
  73. package/modern/ChartContainerPro/useChartContainerProProps.d.ts +0 -9
  74. package/modern/ChartContainerPro/useChartContainerProProps.js +0 -35
  75. package/modern/ChartDataProviderPro/ChartDataProviderPro.d.ts +0 -37
  76. package/modern/ChartDataProviderPro/ChartDataProviderPro.js +0 -106
  77. package/modern/ChartDataProviderPro/index.d.ts +0 -2
  78. package/modern/ChartDataProviderPro/index.js +0 -2
  79. package/modern/ChartDataProviderPro/useChartDataProviderProProps.d.ts +0 -8
  80. package/modern/ChartDataProviderPro/useChartDataProviderProProps.js +0 -15
  81. package/modern/FunnelChart/FunnelChart.d.ts +0 -37
  82. package/modern/FunnelChart/FunnelChart.js +0 -212
  83. package/modern/FunnelChart/FunnelPlot.d.ts +0 -16
  84. package/modern/FunnelChart/FunnelPlot.js +0 -184
  85. package/modern/FunnelChart/FunnelSection.d.ts +0 -15
  86. package/modern/FunnelChart/FunnelSection.js +0 -56
  87. package/modern/FunnelChart/categoryAxis.types.d.ts +0 -24
  88. package/modern/FunnelChart/categoryAxis.types.js +0 -1
  89. package/modern/FunnelChart/funnel.types.d.ts +0 -124
  90. package/modern/FunnelChart/funnel.types.js +0 -1
  91. package/modern/FunnelChart/funnelPlotSlots.types.d.ts +0 -20
  92. package/modern/FunnelChart/funnelPlotSlots.types.js +0 -1
  93. package/modern/FunnelChart/funnelSectionClasses.d.ts +0 -13
  94. package/modern/FunnelChart/funnelSectionClasses.js +0 -20
  95. package/modern/FunnelChart/funnelSlots.types.d.ts +0 -19
  96. package/modern/FunnelChart/funnelSlots.types.js +0 -1
  97. package/modern/FunnelChart/funnelStepCurve.d.ts +0 -4
  98. package/modern/FunnelChart/funnelStepCurve.js +0 -67
  99. package/modern/FunnelChart/index.d.ts +0 -7
  100. package/modern/FunnelChart/index.js +0 -5
  101. package/modern/FunnelChart/labelUtils.d.ts +0 -42
  102. package/modern/FunnelChart/labelUtils.js +0 -166
  103. package/modern/FunnelChart/seriesConfig/extremums.d.ts +0 -3
  104. package/modern/FunnelChart/seriesConfig/extremums.js +0 -42
  105. package/modern/FunnelChart/seriesConfig/getColor.d.ts +0 -3
  106. package/modern/FunnelChart/seriesConfig/getColor.js +0 -4
  107. package/modern/FunnelChart/seriesConfig/getSeriesWithDefaultValues.d.ts +0 -3
  108. package/modern/FunnelChart/seriesConfig/getSeriesWithDefaultValues.js +0 -11
  109. package/modern/FunnelChart/seriesConfig/index.d.ts +0 -2
  110. package/modern/FunnelChart/seriesConfig/index.js +0 -15
  111. package/modern/FunnelChart/seriesConfig/legend.d.ts +0 -3
  112. package/modern/FunnelChart/seriesConfig/legend.js +0 -25
  113. package/modern/FunnelChart/seriesConfig/seriesProcessor.d.ts +0 -3
  114. package/modern/FunnelChart/seriesConfig/seriesProcessor.js +0 -89
  115. package/modern/FunnelChart/seriesConfig/tooltip.d.ts +0 -3
  116. package/modern/FunnelChart/seriesConfig/tooltip.js +0 -29
  117. package/modern/FunnelChart/useFunnelChartProps.d.ts +0 -30
  118. package/modern/FunnelChart/useFunnelChartProps.js +0 -161
  119. package/modern/Heatmap/Heatmap.d.ts +0 -57
  120. package/modern/Heatmap/Heatmap.js +0 -387
  121. package/modern/Heatmap/Heatmap.plugins.d.ts +0 -3
  122. package/modern/Heatmap/Heatmap.plugins.js +0 -2
  123. package/modern/Heatmap/HeatmapItem.d.ts +0 -49
  124. package/modern/Heatmap/HeatmapItem.js +0 -106
  125. package/modern/Heatmap/HeatmapPlot.d.ts +0 -8
  126. package/modern/Heatmap/HeatmapPlot.js +0 -59
  127. package/modern/Heatmap/HeatmapTooltip.d.ts +0 -16
  128. package/modern/Heatmap/heatmapClasses.d.ts +0 -11
  129. package/modern/Heatmap/heatmapClasses.js +0 -14
  130. package/modern/Heatmap/index.d.ts +0 -4
  131. package/modern/Heatmap/index.js +0 -4
  132. package/modern/Heatmap/seriesConfig/extremums.d.ts +0 -2
  133. package/modern/Heatmap/seriesConfig/extremums.js +0 -8
  134. package/modern/Heatmap/seriesConfig/getColor.d.ts +0 -3
  135. package/modern/Heatmap/seriesConfig/getColor.js +0 -15
  136. package/modern/Heatmap/seriesConfig/getSeriesWithDefaultValues.d.ts +0 -3
  137. package/modern/Heatmap/seriesConfig/getSeriesWithDefaultValues.js +0 -8
  138. package/modern/Heatmap/seriesConfig/index.d.ts +0 -2
  139. package/modern/Heatmap/seriesConfig/index.js +0 -14
  140. package/modern/Heatmap/seriesConfig/seriesProcessor.d.ts +0 -3
  141. package/modern/Heatmap/seriesConfig/seriesProcessor.js +0 -21
  142. package/modern/Heatmap/seriesConfig/tooltip.d.ts +0 -3
  143. package/modern/Heatmap/seriesConfig/tooltip.js +0 -25
  144. package/modern/LineChartPro/LineChartPro.d.ts +0 -17
  145. package/modern/LineChartPro/LineChartPro.js +0 -401
  146. package/modern/LineChartPro/LineChartPro.plugins.d.ts +0 -4
  147. package/modern/LineChartPro/LineChartPro.plugins.js +0 -3
  148. package/modern/LineChartPro/index.d.ts +0 -1
  149. package/modern/LineChartPro/index.js +0 -1
  150. package/modern/ScatterChartPro/ScatterChartPro.d.ts +0 -17
  151. package/modern/ScatterChartPro/ScatterChartPro.js +0 -395
  152. package/modern/ScatterChartPro/ScatterChartPro.plugins.d.ts +0 -4
  153. package/modern/ScatterChartPro/ScatterChartPro.plugins.js +0 -3
  154. package/modern/ScatterChartPro/index.d.ts +0 -1
  155. package/modern/ScatterChartPro/index.js +0 -1
  156. package/modern/hooks/index.d.ts +0 -2
  157. package/modern/hooks/index.js +0 -2
  158. package/modern/hooks/useFunnelSeries.d.ts +0 -33
  159. package/modern/hooks/useFunnelSeries.js +0 -42
  160. package/modern/hooks/useHeatmapSeries.d.ts +0 -33
  161. package/modern/hooks/useHeatmapSeries.js +0 -42
  162. package/modern/hooks/zoom/index.d.ts +0 -1
  163. package/modern/hooks/zoom/index.js +0 -1
  164. package/modern/hooks/zoom/useIsZoomInteracting.d.ts +0 -6
  165. package/modern/hooks/zoom/useIsZoomInteracting.js +0 -14
  166. package/modern/index.d.ts +0 -34
  167. package/modern/index.js +0 -45
  168. package/modern/internals/plugins/allPlugins.d.ts +0 -8
  169. package/modern/internals/plugins/allPlugins.js +0 -6
  170. package/modern/internals/plugins/useChartProZoom/index.d.ts +0 -3
  171. package/modern/internals/plugins/useChartProZoom/index.js +0 -3
  172. package/modern/internals/plugins/useChartProZoom/useChartProZoom.d.ts +0 -3
  173. package/modern/internals/plugins/useChartProZoom/useChartProZoom.js +0 -350
  174. package/modern/internals/plugins/useChartProZoom/useChartProZoom.selectors.d.ts +0 -203
  175. package/modern/internals/plugins/useChartProZoom/useChartProZoom.selectors.js +0 -4
  176. package/modern/internals/plugins/useChartProZoom/useChartProZoom.types.d.ts +0 -53
  177. package/modern/internals/plugins/useChartProZoom/useChartProZoom.types.js +0 -1
  178. package/modern/internals/plugins/useChartProZoom/useChartProZoom.utils.d.ts +0 -45
  179. package/modern/internals/plugins/useChartProZoom/useChartProZoom.utils.js +0 -126
  180. package/modern/internals/utils/releaseInfo.d.ts +0 -1
  181. package/modern/internals/utils/releaseInfo.js +0 -13
  182. package/modern/models/index.d.ts +0 -2
  183. package/modern/models/index.js +0 -2
  184. package/modern/models/seriesType/heatmap.d.ts +0 -28
  185. package/modern/models/seriesType/heatmap.js +0 -1
  186. package/modern/models/seriesType/index.d.ts +0 -1
  187. package/modern/models/seriesType/index.js +0 -1
  188. package/modern/package.json +0 -1
  189. package/modern/themeAugmentation/components.d.ts +0 -23
  190. package/modern/themeAugmentation/index.d.ts +0 -4
  191. package/modern/themeAugmentation/index.js +0 -0
  192. package/modern/themeAugmentation/overrides.d.ts +0 -11
  193. package/modern/themeAugmentation/props.d.ts +0 -20
  194. package/modern/typeOverloads/index.d.ts +0 -1
  195. package/modern/typeOverloads/index.js +0 -1
  196. package/modern/typeOverloads/modules.d.ts +0 -33
  197. package/modern/typeOverloads/modules.js +0 -1
  198. package/tsconfig.build.tsbuildinfo +0 -1
  199. /package/Heatmap/{HeatmapTooltip.d.ts → HeatmapTooltip/HeatmapTooltip.d.ts} +0 -0
  200. /package/esm/Heatmap/{HeatmapTooltip.d.ts → HeatmapTooltip/HeatmapTooltip.d.ts} +0 -0
@@ -1,395 +0,0 @@
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 = ["initialZoom", "zoomData", "onZoomChange", "apiRef"];
6
- import * as React from 'react';
7
- import PropTypes from 'prop-types';
8
- import { useThemeProps } from '@mui/material/styles';
9
- import { ChartsOverlay } from '@mui/x-charts/ChartsOverlay';
10
- import { ScatterPlot } from '@mui/x-charts/ScatterChart';
11
- import { ChartsAxis } from '@mui/x-charts/ChartsAxis';
12
- import { ChartsGrid } from '@mui/x-charts/ChartsGrid';
13
- import { ChartsLegend } from '@mui/x-charts/ChartsLegend';
14
- import { ChartsSurface } from '@mui/x-charts/ChartsSurface';
15
- import { ChartsAxisHighlight } from '@mui/x-charts/ChartsAxisHighlight';
16
- import { ChartsTooltip } from '@mui/x-charts/ChartsTooltip';
17
- import { useScatterChartProps, ChartsWrapper } from '@mui/x-charts/internals';
18
- import { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";
19
- import { ChartDataProviderPro } from "../ChartDataProviderPro/index.js";
20
- import { SCATTER_CHART_PRO_PLUGINS } from "./ScatterChartPro.plugins.js";
21
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
22
- /**
23
- * Demos:
24
- *
25
- * - [Scatter](https://mui.com/x/react-charts/scatter/)
26
- * - [Scatter demonstration](https://mui.com/x/react-charts/scatter-demo/)
27
- *
28
- * API:
29
- *
30
- * - [ScatterChart API](https://mui.com/x/api/charts/scatter-chart/)
31
- */
32
- const ScatterChartPro = /*#__PURE__*/React.forwardRef(function ScatterChartPro(inProps, ref) {
33
- const props = useThemeProps({
34
- props: inProps,
35
- name: 'MuiScatterChartPro'
36
- });
37
- const {
38
- initialZoom,
39
- zoomData,
40
- onZoomChange,
41
- apiRef
42
- } = props,
43
- other = _objectWithoutPropertiesLoose(props, _excluded);
44
- const {
45
- chartsWrapperProps,
46
- chartContainerProps,
47
- chartsAxisProps,
48
- gridProps,
49
- scatterPlotProps,
50
- overlayProps,
51
- legendProps,
52
- axisHighlightProps,
53
- children
54
- } = useScatterChartProps(other);
55
- const {
56
- chartDataProviderProProps,
57
- chartsSurfaceProps
58
- } = useChartContainerProProps(_extends({}, chartContainerProps, {
59
- initialZoom,
60
- zoomData,
61
- onZoomChange,
62
- apiRef,
63
- plugins: SCATTER_CHART_PRO_PLUGINS
64
- }), ref);
65
- const Tooltip = props.slots?.tooltip ?? ChartsTooltip;
66
- return /*#__PURE__*/_jsx(ChartDataProviderPro, _extends({}, chartDataProviderProProps, {
67
- children: /*#__PURE__*/_jsxs(ChartsWrapper, _extends({}, chartsWrapperProps, {
68
- children: [!props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
69
- children: [/*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsx("g", {
70
- "data-drawing-container": true,
71
- children: /*#__PURE__*/_jsx(ScatterPlot, _extends({}, scatterPlotProps))
72
- }), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps)), !props.loading && /*#__PURE__*/_jsx(Tooltip, _extends({}, props?.slotProps?.tooltip, {
73
- trigger: "item"
74
- })), children]
75
- }))]
76
- }))
77
- }));
78
- });
79
- process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
80
- // ----------------------------- Warning --------------------------------
81
- // | These PropTypes are generated from the TypeScript type definitions |
82
- // | To update them edit the TypeScript types and run "pnpm proptypes" |
83
- // ----------------------------------------------------------------------
84
- apiRef: PropTypes.shape({
85
- current: PropTypes.shape({
86
- setZoomData: PropTypes.func.isRequired
87
- })
88
- }),
89
- /**
90
- * The configuration of axes highlight.
91
- * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
92
- * @default { x: 'none', y: 'none' }
93
- */
94
- axisHighlight: PropTypes.shape({
95
- x: PropTypes.oneOf(['band', 'line', 'none']),
96
- y: PropTypes.oneOf(['band', 'line', 'none'])
97
- }),
98
- children: PropTypes.node,
99
- className: PropTypes.string,
100
- /**
101
- * Color palette used to colorize multiple series.
102
- * @default rainbowSurgePalette
103
- */
104
- colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
105
- /**
106
- * An array of objects that can be used to populate series and axes data using their `dataKey` property.
107
- */
108
- dataset: PropTypes.arrayOf(PropTypes.object),
109
- desc: PropTypes.string,
110
- /**
111
- * If `true`, the charts will not listen to the mouse move event.
112
- * It might break interactive features, but will improve performance.
113
- * @default false
114
- */
115
- disableAxisListener: PropTypes.bool,
116
- /**
117
- * If true, the interaction will not use the Voronoi cell and fall back to hover events.
118
- * @default false
119
- */
120
- disableVoronoi: PropTypes.bool,
121
- /**
122
- * Option to display a cartesian grid in the background.
123
- */
124
- grid: PropTypes.shape({
125
- horizontal: PropTypes.bool,
126
- vertical: PropTypes.bool
127
- }),
128
- /**
129
- * The height of the chart in px. If not defined, it takes the height of the parent element.
130
- */
131
- height: PropTypes.number,
132
- /**
133
- * If `true`, the legend is not rendered.
134
- */
135
- hideLegend: PropTypes.bool,
136
- /**
137
- * The highlighted item.
138
- * Used when the highlight is controlled.
139
- */
140
- highlightedItem: PropTypes.shape({
141
- dataIndex: PropTypes.number,
142
- seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
143
- }),
144
- /**
145
- * This prop is used to help implement the accessibility logic.
146
- * If you don't provide this prop. It falls back to a randomly generated id.
147
- */
148
- id: PropTypes.string,
149
- /**
150
- * The list of zoom data related to each axis.
151
- * Used to initialize the zoom in a specific configuration without controlling it.
152
- */
153
- initialZoom: PropTypes.arrayOf(PropTypes.shape({
154
- axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
155
- end: PropTypes.number.isRequired,
156
- start: PropTypes.number.isRequired
157
- })),
158
- /**
159
- * If `true`, a loading overlay is displayed.
160
- * @default false
161
- */
162
- loading: PropTypes.bool,
163
- /**
164
- * The margin between the SVG and the drawing area.
165
- * It's used for leaving some space for extra information such as the x- and y-axis or legend.
166
- *
167
- * Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
168
- */
169
- margin: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
170
- bottom: PropTypes.number,
171
- left: PropTypes.number,
172
- right: PropTypes.number,
173
- top: PropTypes.number
174
- })]),
175
- /**
176
- * The function called for onClick events.
177
- * The second argument contains information about all line/bar elements at the current mouse position.
178
- * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
179
- * @param {null | AxisData} data The data about the clicked axis and items associated with it.
180
- */
181
- onAxisClick: PropTypes.func,
182
- /**
183
- * The callback fired when the highlighted item changes.
184
- *
185
- * @param {HighlightItemData | null} highlightedItem The newly highlighted item.
186
- */
187
- onHighlightChange: PropTypes.func,
188
- /**
189
- * Callback fired when clicking on a scatter item.
190
- * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element if using Voronoi cells. Or the Mouse event from the scatter element, when `disableVoronoi=true`.
191
- * @param {ScatterItemIdentifier} scatterItemIdentifier The scatter item identifier.
192
- */
193
- onItemClick: PropTypes.func,
194
- /**
195
- * Callback fired when the zoom has changed.
196
- *
197
- * @param {ZoomData[]} zoomData Updated zoom data.
198
- */
199
- onZoomChange: PropTypes.func,
200
- /**
201
- * The series to display in the scatter chart.
202
- * An array of [[ScatterSeriesType]] objects.
203
- */
204
- series: PropTypes.arrayOf(PropTypes.object).isRequired,
205
- /**
206
- * If `true`, animations are skipped.
207
- * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
208
- */
209
- skipAnimation: PropTypes.bool,
210
- /**
211
- * The props used for each component slot.
212
- * @default {}
213
- */
214
- slotProps: PropTypes.object,
215
- /**
216
- * Overridable component slots.
217
- * @default {}
218
- */
219
- slots: PropTypes.object,
220
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
221
- theme: PropTypes.oneOf(['dark', 'light']),
222
- title: PropTypes.string,
223
- /**
224
- * Defines the maximal distance between a scatter point and the pointer that triggers the interaction.
225
- * If `undefined`, the radius is assumed to be infinite.
226
- */
227
- voronoiMaxRadius: PropTypes.number,
228
- /**
229
- * The width of the chart in px. If not defined, it takes the width of the parent element.
230
- */
231
- width: PropTypes.number,
232
- /**
233
- * The configuration of the x-axes.
234
- * If not provided, a default axis config is used.
235
- * An array of [[AxisConfig]] objects.
236
- */
237
- xAxis: PropTypes.arrayOf(PropTypes.shape({
238
- axis: PropTypes.oneOf(['x']),
239
- classes: PropTypes.object,
240
- colorMap: PropTypes.oneOfType([PropTypes.shape({
241
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
242
- type: PropTypes.oneOf(['ordinal']).isRequired,
243
- unknownColor: PropTypes.string,
244
- values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
245
- }), PropTypes.shape({
246
- color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
247
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
248
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
249
- type: PropTypes.oneOf(['continuous']).isRequired
250
- }), PropTypes.shape({
251
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
252
- thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
253
- type: PropTypes.oneOf(['piecewise']).isRequired
254
- })]),
255
- data: PropTypes.array,
256
- dataKey: PropTypes.string,
257
- disableLine: PropTypes.bool,
258
- disableTicks: PropTypes.bool,
259
- domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
260
- fill: PropTypes.string,
261
- height: PropTypes.number,
262
- hideTooltip: PropTypes.bool,
263
- id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
264
- label: PropTypes.string,
265
- labelStyle: PropTypes.object,
266
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
267
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
268
- offset: PropTypes.number,
269
- position: PropTypes.oneOf(['bottom', 'none', 'top']),
270
- reverse: PropTypes.bool,
271
- scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
272
- slotProps: PropTypes.object,
273
- slots: PropTypes.object,
274
- stroke: PropTypes.string,
275
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
276
- tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
277
- tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
278
- tickLabelMinGap: PropTypes.number,
279
- tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
280
- tickLabelStyle: PropTypes.object,
281
- tickMaxStep: PropTypes.number,
282
- tickMinStep: PropTypes.number,
283
- tickNumber: PropTypes.number,
284
- tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
285
- tickSize: PropTypes.number,
286
- valueFormatter: PropTypes.func,
287
- zoom: PropTypes.oneOfType([PropTypes.shape({
288
- filterMode: PropTypes.oneOf(['discard', 'keep']),
289
- maxEnd: PropTypes.number,
290
- maxSpan: PropTypes.number,
291
- minSpan: PropTypes.number,
292
- minStart: PropTypes.number,
293
- panning: PropTypes.bool,
294
- step: PropTypes.number
295
- }), PropTypes.bool])
296
- })),
297
- /**
298
- * The configuration of the y-axes.
299
- * If not provided, a default axis config is used.
300
- * An array of [[AxisConfig]] objects.
301
- */
302
- yAxis: PropTypes.arrayOf(PropTypes.shape({
303
- axis: PropTypes.oneOf(['y']),
304
- classes: PropTypes.object,
305
- colorMap: PropTypes.oneOfType([PropTypes.shape({
306
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
307
- type: PropTypes.oneOf(['ordinal']).isRequired,
308
- unknownColor: PropTypes.string,
309
- values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
310
- }), PropTypes.shape({
311
- color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
312
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
313
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
314
- type: PropTypes.oneOf(['continuous']).isRequired
315
- }), PropTypes.shape({
316
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
317
- thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
318
- type: PropTypes.oneOf(['piecewise']).isRequired
319
- })]),
320
- data: PropTypes.array,
321
- dataKey: PropTypes.string,
322
- disableLine: PropTypes.bool,
323
- disableTicks: PropTypes.bool,
324
- domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
325
- fill: PropTypes.string,
326
- hideTooltip: PropTypes.bool,
327
- id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
328
- label: PropTypes.string,
329
- labelStyle: PropTypes.object,
330
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
331
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
332
- offset: PropTypes.number,
333
- position: PropTypes.oneOf(['left', 'none', 'right']),
334
- reverse: PropTypes.bool,
335
- scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
336
- slotProps: PropTypes.object,
337
- slots: PropTypes.object,
338
- stroke: PropTypes.string,
339
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
340
- tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
341
- tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
342
- tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
343
- tickLabelStyle: PropTypes.object,
344
- tickMaxStep: PropTypes.number,
345
- tickMinStep: PropTypes.number,
346
- tickNumber: PropTypes.number,
347
- tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
348
- tickSize: PropTypes.number,
349
- valueFormatter: PropTypes.func,
350
- width: PropTypes.number,
351
- zoom: PropTypes.oneOfType([PropTypes.shape({
352
- filterMode: PropTypes.oneOf(['discard', 'keep']),
353
- maxEnd: PropTypes.number,
354
- maxSpan: PropTypes.number,
355
- minSpan: PropTypes.number,
356
- minStart: PropTypes.number,
357
- panning: PropTypes.bool,
358
- step: PropTypes.number
359
- }), PropTypes.bool])
360
- })),
361
- /**
362
- * The configuration of the z-axes.
363
- */
364
- zAxis: PropTypes.arrayOf(PropTypes.shape({
365
- colorMap: PropTypes.oneOfType([PropTypes.shape({
366
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
367
- type: PropTypes.oneOf(['ordinal']).isRequired,
368
- unknownColor: PropTypes.string,
369
- values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
370
- }), PropTypes.shape({
371
- color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
372
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
373
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
374
- type: PropTypes.oneOf(['continuous']).isRequired
375
- }), PropTypes.shape({
376
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
377
- thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
378
- type: PropTypes.oneOf(['piecewise']).isRequired
379
- })]),
380
- data: PropTypes.array,
381
- dataKey: PropTypes.string,
382
- id: PropTypes.string,
383
- max: PropTypes.number,
384
- min: PropTypes.number
385
- })),
386
- /**
387
- * The list of zoom data related to each axis.
388
- */
389
- zoomData: PropTypes.arrayOf(PropTypes.shape({
390
- axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
391
- end: PropTypes.number.isRequired,
392
- start: PropTypes.number.isRequired
393
- }))
394
- } : void 0;
395
- export { ScatterChartPro };
@@ -1,4 +0,0 @@
1
- import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartVoronoiSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
2
- import { UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
3
- export type ScatterChartProPluginsSignatures = [UseChartZAxisSignature, UseChartCartesianAxisSignature<'scatter'>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartVoronoiSignature, UseChartProZoomSignature];
4
- export declare const SCATTER_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<ScatterChartProPluginsSignatures>;
@@ -1,3 +0,0 @@
1
- import { useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight, useChartVoronoi } from '@mui/x-charts/internals';
2
- import { useChartProZoom } from "../internals/plugins/useChartProZoom/index.js";
3
- export const SCATTER_CHART_PRO_PLUGINS = [useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight, useChartVoronoi, useChartProZoom];
@@ -1 +0,0 @@
1
- export * from "./ScatterChartPro.js";
@@ -1 +0,0 @@
1
- export * from "./ScatterChartPro.js";
@@ -1,2 +0,0 @@
1
- export { useHeatmapSeries } from "./useHeatmapSeries.js";
2
- export * from "./zoom/index.js";
@@ -1,2 +0,0 @@
1
- export { useHeatmapSeries } from "./useHeatmapSeries.js";
2
- export * from "./zoom/index.js";
@@ -1,33 +0,0 @@
1
- import { ProcessedSeries, SeriesId, ChartSeriesDefaultized } from '@mui/x-charts/internals';
2
- export type UseFunnelSeriesReturnValue = ChartSeriesDefaultized<'funnel'>;
3
- export type UseFunnelSeriesContextReturnValue = ProcessedSeries['funnel'];
4
- /**
5
- * Get access to the internal state of funnel series.
6
- *
7
- * @param {SeriesId} seriesId The id of the series to get.
8
- * @returns {UseFunnelSeriesReturnValue} the funnel series
9
- */
10
- export declare function useFunnelSeries(seriesId: SeriesId): UseFunnelSeriesReturnValue | undefined;
11
- /**
12
- * Get access to the internal state of funnel series.
13
- *
14
- * When called without arguments, it returns all funnel series.
15
- *
16
- * @returns {UseFunnelSeriesReturnValue[]} the funnel series
17
- */
18
- export declare function useFunnelSeries(): UseFunnelSeriesReturnValue[];
19
- /**
20
- * Get access to the internal state of funnel series.
21
- *
22
- * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
23
- * @returns {UseFunnelSeriesReturnValue[]} the funnel series
24
- */
25
- export declare function useFunnelSeries(seriesIds: SeriesId[]): UseFunnelSeriesReturnValue[];
26
- /**
27
- * Get access to the internal state of funnel series.
28
- * The returned object contains:
29
- * - series: a mapping from ids to series attributes.
30
- * - seriesOrder: the array of series ids.
31
- * @returns the funnel series
32
- */
33
- export declare function useFunnelSeriesContext(): UseFunnelSeriesContextReturnValue;
@@ -1,42 +0,0 @@
1
- 'use client';
2
-
3
- import { createAllSeriesSelectorOfType, createSeriesSelectorsOfType } from '@mui/x-charts/internals';
4
- const useSelectorSeries = createSeriesSelectorsOfType('funnel');
5
- const useSelectorSeriesContext = createAllSeriesSelectorOfType('funnel');
6
-
7
- /**
8
- * Get access to the internal state of funnel series.
9
- *
10
- * @param {SeriesId} seriesId The id of the series to get.
11
- * @returns {UseFunnelSeriesReturnValue} the funnel series
12
- */
13
-
14
- /**
15
- * Get access to the internal state of funnel series.
16
- *
17
- * When called without arguments, it returns all funnel series.
18
- *
19
- * @returns {UseFunnelSeriesReturnValue[]} the funnel series
20
- */
21
-
22
- /**
23
- * Get access to the internal state of funnel series.
24
- *
25
- * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
26
- * @returns {UseFunnelSeriesReturnValue[]} the funnel series
27
- */
28
-
29
- export function useFunnelSeries(seriesIds) {
30
- return useSelectorSeries(seriesIds);
31
- }
32
-
33
- /**
34
- * Get access to the internal state of funnel series.
35
- * The returned object contains:
36
- * - series: a mapping from ids to series attributes.
37
- * - seriesOrder: the array of series ids.
38
- * @returns the funnel series
39
- */
40
- export function useFunnelSeriesContext() {
41
- return useSelectorSeriesContext();
42
- }
@@ -1,33 +0,0 @@
1
- import { ProcessedSeries, SeriesId, ChartSeriesDefaultized } from '@mui/x-charts/internals';
2
- export type UseHeatmapSeriesReturnValue = ChartSeriesDefaultized<'heatmap'>;
3
- export type UseHeatmapSeriesContextReturnValue = ProcessedSeries['heatmap'];
4
- /**
5
- * Get access to the internal state of heatmap series.
6
- *
7
- * @param {SeriesId} seriesId The id of the series to get.
8
- * @returns {UseHeatmapSeriesReturnValue} the heatmap series
9
- */
10
- export declare function useHeatmapSeries(seriesId: SeriesId): UseHeatmapSeriesReturnValue | undefined;
11
- /**
12
- * Get access to the internal state of heatmap series.
13
- *
14
- * When called without arguments, it returns all heatmap series.
15
- *
16
- * @returns {UseHeatmapSeriesReturnValue[]} the heatmap series
17
- */
18
- export declare function useHeatmapSeries(): UseHeatmapSeriesReturnValue[];
19
- /**
20
- * Get access to the internal state of heatmap series.
21
- *
22
- * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
23
- * @returns {UseHeatmapSeriesReturnValue[]} the heatmap series
24
- */
25
- export declare function useHeatmapSeries(seriesIds: SeriesId[]): UseHeatmapSeriesReturnValue[];
26
- /**
27
- * Get access to the internal state of heatmap series.
28
- * The returned object contains:
29
- * - series: a mapping from ids to series attributes.
30
- * - seriesOrder: the array of series ids.
31
- * @returns the heatmap series
32
- */
33
- export declare function useHeatmapSeriesContext(): UseHeatmapSeriesContextReturnValue;
@@ -1,42 +0,0 @@
1
- 'use client';
2
-
3
- import { createAllSeriesSelectorOfType, createSeriesSelectorsOfType } from '@mui/x-charts/internals';
4
- const useSelectorSeries = createSeriesSelectorsOfType('heatmap');
5
- const useSelectorSeriesContext = createAllSeriesSelectorOfType('heatmap');
6
-
7
- /**
8
- * Get access to the internal state of heatmap series.
9
- *
10
- * @param {SeriesId} seriesId The id of the series to get.
11
- * @returns {UseHeatmapSeriesReturnValue} the heatmap series
12
- */
13
-
14
- /**
15
- * Get access to the internal state of heatmap series.
16
- *
17
- * When called without arguments, it returns all heatmap series.
18
- *
19
- * @returns {UseHeatmapSeriesReturnValue[]} the heatmap series
20
- */
21
-
22
- /**
23
- * Get access to the internal state of heatmap series.
24
- *
25
- * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
26
- * @returns {UseHeatmapSeriesReturnValue[]} the heatmap series
27
- */
28
-
29
- export function useHeatmapSeries(seriesIds) {
30
- return useSelectorSeries(seriesIds);
31
- }
32
-
33
- /**
34
- * Get access to the internal state of heatmap series.
35
- * The returned object contains:
36
- * - series: a mapping from ids to series attributes.
37
- * - seriesOrder: the array of series ids.
38
- * @returns the heatmap series
39
- */
40
- export function useHeatmapSeriesContext() {
41
- return useSelectorSeriesContext();
42
- }
@@ -1 +0,0 @@
1
- export * from "./useIsZoomInteracting.js";
@@ -1 +0,0 @@
1
- export * from "./useIsZoomInteracting.js";
@@ -1,6 +0,0 @@
1
- /**
2
- * Get access to the zoom state.
3
- *
4
- * @returns {boolean} Inform the zoom is interacting.
5
- */
6
- export declare function useIsZoomInteracting(): boolean;
@@ -1,14 +0,0 @@
1
- 'use client';
2
-
3
- import { useSelector, useStore } from '@mui/x-charts/internals';
4
- import { selectorChartZoomIsInteracting } from "../../internals/plugins/useChartProZoom/index.js";
5
- /**
6
- * Get access to the zoom state.
7
- *
8
- * @returns {boolean} Inform the zoom is interacting.
9
- */
10
- export function useIsZoomInteracting() {
11
- const store = useStore();
12
- const isInteracting = useSelector(store, selectorChartZoomIsInteracting);
13
- return isInteracting;
14
- }
package/modern/index.d.ts DELETED
@@ -1,34 +0,0 @@
1
- import "./typeOverloads/modules.js";
2
- export * from '@mui/x-charts/constants';
3
- export * from '@mui/x-charts/context';
4
- export * from '@mui/x-charts/hooks';
5
- export * from '@mui/x-charts/colorPalettes';
6
- export * from '@mui/x-charts/models';
7
- export * from '@mui/x-charts/ChartsClipPath';
8
- export * from '@mui/x-charts/ChartsReferenceLine';
9
- export * from '@mui/x-charts/ChartsAxis';
10
- export * from '@mui/x-charts/ChartsXAxis';
11
- export * from '@mui/x-charts/ChartsYAxis';
12
- export * from '@mui/x-charts/ChartsGrid';
13
- export * from '@mui/x-charts/ChartsText';
14
- export * from '@mui/x-charts/ChartsTooltip';
15
- export * from '@mui/x-charts/ChartsLegend';
16
- export * from '@mui/x-charts/ChartsAxisHighlight';
17
- export * from '@mui/x-charts/BarChart';
18
- export * from '@mui/x-charts/LineChart';
19
- export * from '@mui/x-charts/PieChart';
20
- export * from '@mui/x-charts/ScatterChart';
21
- export * from '@mui/x-charts/SparkLineChart';
22
- export * from '@mui/x-charts/Gauge';
23
- export * from '@mui/x-charts/RadarChart';
24
- export * from '@mui/x-charts/ChartsSurface';
25
- export * from '@mui/x-charts/ChartDataProvider';
26
- export * from '@mui/x-charts/ChartsLabel';
27
- export * from "./hooks/index.js";
28
- export * from "./Heatmap/index.js";
29
- export * from "./ChartContainerPro/index.js";
30
- export * from "./ChartDataProviderPro/index.js";
31
- export * from "./ScatterChartPro/index.js";
32
- export * from "./BarChartPro/index.js";
33
- export * from "./LineChartPro/index.js";
34
- export * from "./FunnelChart/index.js";