@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,290 +0,0 @@
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 { ChartsSurface } from '@mui/x-charts/ChartsSurface';
7
- import { useChartContainerProProps } from "./useChartContainerProProps.js";
8
- import { ChartDataProviderPro } from "../ChartDataProviderPro/index.js";
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- /**
11
- * It sets up the data providers as well as the `<svg>` for the chart.
12
- *
13
- * This is a combination of both the `ChartDataProviderPro` and `ChartsSurface` components.
14
- *
15
- * Demos:
16
- *
17
- * - [Composition](https://mui.com/x/api/charts/composition/)
18
- *
19
- * API:
20
- *
21
- * - [ChartContainer API](https://mui.com/x/api/charts/chart-container/)
22
- *
23
- * @example
24
- * ```jsx
25
- * <ChartContainerPro
26
- * series={[{ label: "Label", type: "bar", data: [10, 20] }]}
27
- * xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
28
- * >
29
- * <BarPlot />
30
- * <ChartsXAxis axisId="x-axis" />
31
- * </ChartContainerPro>
32
- * ```
33
- */
34
- const ChartContainerPro = /*#__PURE__*/React.forwardRef(function ChartContainerProInner(props, ref) {
35
- const {
36
- chartDataProviderProProps,
37
- children,
38
- chartsSurfaceProps
39
- } = useChartContainerProProps(props, ref);
40
- return /*#__PURE__*/_jsx(ChartDataProviderPro, _extends({}, chartDataProviderProProps, {
41
- children: /*#__PURE__*/_jsx(ChartsSurface, _extends({}, chartsSurfaceProps, {
42
- children: children
43
- }))
44
- }));
45
- });
46
-
47
- // @ts-expect-error the type coercion breaks the prop types
48
- process.env.NODE_ENV !== "production" ? ChartContainerPro.propTypes = {
49
- // ----------------------------- Warning --------------------------------
50
- // | These PropTypes are generated from the TypeScript type definitions |
51
- // | To update them edit the TypeScript types and run "pnpm proptypes" |
52
- // ----------------------------------------------------------------------
53
- apiRef: PropTypes.shape({
54
- current: PropTypes.shape({
55
- setZoomData: PropTypes.func.isRequired
56
- })
57
- }),
58
- children: PropTypes.node,
59
- className: PropTypes.string,
60
- /**
61
- * Color palette used to colorize multiple series.
62
- * @default blueberryTwilightPalette
63
- */
64
- colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
65
- /**
66
- * An array of objects that can be used to populate series and axes data using their `dataKey` property.
67
- */
68
- dataset: PropTypes.arrayOf(PropTypes.object),
69
- desc: PropTypes.string,
70
- /**
71
- * If `true`, the charts will not listen to the mouse move event.
72
- * It might break interactive features, but will improve performance.
73
- * @default false
74
- */
75
- disableAxisListener: PropTypes.bool,
76
- /**
77
- * The height of the chart in px. If not defined, it takes the height of the parent element.
78
- */
79
- height: PropTypes.number,
80
- /**
81
- * The highlighted item.
82
- * Used when the highlight is controlled.
83
- */
84
- highlightedItem: PropTypes.shape({
85
- dataIndex: PropTypes.number,
86
- seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
87
- }),
88
- /**
89
- * This prop is used to help implement the accessibility logic.
90
- * If you don't provide this prop. It falls back to a randomly generated id.
91
- */
92
- id: PropTypes.string,
93
- /**
94
- * The list of zoom data related to each axis.
95
- */
96
- initialZoom: PropTypes.arrayOf(PropTypes.shape({
97
- axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
98
- end: PropTypes.number.isRequired,
99
- start: PropTypes.number.isRequired
100
- })),
101
- /**
102
- * The margin between the SVG and the drawing area.
103
- * It's used for leaving some space for extra information such as the x- and y-axis or legend.
104
- * Accepts an object with the optional properties: `top`, `bottom`, `left`, and `right`.
105
- */
106
- margin: PropTypes.shape({
107
- bottom: PropTypes.number,
108
- left: PropTypes.number,
109
- right: PropTypes.number,
110
- top: PropTypes.number
111
- }),
112
- /**
113
- * The callback fired when the highlighted item changes.
114
- *
115
- * @param {HighlightItemData | null} highlightedItem The newly highlighted item.
116
- */
117
- onHighlightChange: PropTypes.func,
118
- /**
119
- * Callback fired when the zoom has changed.
120
- *
121
- * @param {ZoomData[]} zoomData Updated zoom data.
122
- */
123
- onZoomChange: PropTypes.func,
124
- /**
125
- * The array of series to display.
126
- * Each type of series has its own specificity.
127
- * Please refer to the appropriate docs page to learn more about it.
128
- */
129
- series: PropTypes.arrayOf(PropTypes.object),
130
- /**
131
- * If `true`, animations are skipped.
132
- * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
133
- */
134
- skipAnimation: PropTypes.bool,
135
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
136
- theme: PropTypes.oneOf(['dark', 'light']),
137
- title: PropTypes.string,
138
- /**
139
- * The width of the chart in px. If not defined, it takes the width of the parent element.
140
- */
141
- width: PropTypes.number,
142
- /**
143
- * The configuration of the x-axes.
144
- * If not provided, a default axis config is used.
145
- * An array of [[AxisConfig]] objects.
146
- */
147
- xAxis: PropTypes.arrayOf(PropTypes.shape({
148
- classes: PropTypes.object,
149
- colorMap: PropTypes.oneOfType([PropTypes.shape({
150
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
151
- type: PropTypes.oneOf(['ordinal']).isRequired,
152
- unknownColor: PropTypes.string,
153
- values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
154
- }), PropTypes.shape({
155
- color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
156
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
157
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
158
- type: PropTypes.oneOf(['continuous']).isRequired
159
- }), PropTypes.shape({
160
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
161
- thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
162
- type: PropTypes.oneOf(['piecewise']).isRequired
163
- })]),
164
- data: PropTypes.array,
165
- dataKey: PropTypes.string,
166
- disableLine: PropTypes.bool,
167
- disableTicks: PropTypes.bool,
168
- domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
169
- fill: PropTypes.string,
170
- hideTooltip: PropTypes.bool,
171
- id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
172
- label: PropTypes.string,
173
- labelStyle: PropTypes.object,
174
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
175
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
176
- position: PropTypes.oneOf(['bottom', 'top']),
177
- reverse: PropTypes.bool,
178
- scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
179
- slotProps: PropTypes.object,
180
- slots: PropTypes.object,
181
- stroke: PropTypes.string,
182
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
183
- tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
184
- tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
185
- tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
186
- tickLabelStyle: PropTypes.object,
187
- tickMaxStep: PropTypes.number,
188
- tickMinStep: PropTypes.number,
189
- tickNumber: PropTypes.number,
190
- tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
191
- tickSize: PropTypes.number,
192
- valueFormatter: PropTypes.func,
193
- zoom: PropTypes.oneOfType([PropTypes.shape({
194
- filterMode: PropTypes.oneOf(['discard', 'keep']),
195
- maxEnd: PropTypes.number,
196
- maxSpan: PropTypes.number,
197
- minSpan: PropTypes.number,
198
- minStart: PropTypes.number,
199
- panning: PropTypes.bool,
200
- step: PropTypes.number
201
- }), PropTypes.bool])
202
- })),
203
- /**
204
- * The configuration of the y-axes.
205
- * If not provided, a default axis config is used.
206
- * An array of [[AxisConfig]] objects.
207
- */
208
- yAxis: PropTypes.arrayOf(PropTypes.shape({
209
- classes: PropTypes.object,
210
- colorMap: PropTypes.oneOfType([PropTypes.shape({
211
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
212
- type: PropTypes.oneOf(['ordinal']).isRequired,
213
- unknownColor: PropTypes.string,
214
- values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
215
- }), PropTypes.shape({
216
- color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
217
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
218
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
219
- type: PropTypes.oneOf(['continuous']).isRequired
220
- }), PropTypes.shape({
221
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
222
- thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
223
- type: PropTypes.oneOf(['piecewise']).isRequired
224
- })]),
225
- data: PropTypes.array,
226
- dataKey: PropTypes.string,
227
- disableLine: PropTypes.bool,
228
- disableTicks: PropTypes.bool,
229
- domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
230
- fill: PropTypes.string,
231
- hideTooltip: PropTypes.bool,
232
- id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
233
- label: PropTypes.string,
234
- labelStyle: PropTypes.object,
235
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
236
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
237
- position: PropTypes.oneOf(['left', 'right']),
238
- reverse: PropTypes.bool,
239
- scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
240
- slotProps: PropTypes.object,
241
- slots: PropTypes.object,
242
- stroke: PropTypes.string,
243
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
244
- tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
245
- tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
246
- tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
247
- tickLabelStyle: PropTypes.object,
248
- tickMaxStep: PropTypes.number,
249
- tickMinStep: PropTypes.number,
250
- tickNumber: PropTypes.number,
251
- tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
252
- tickSize: PropTypes.number,
253
- valueFormatter: PropTypes.func,
254
- zoom: PropTypes.oneOfType([PropTypes.shape({
255
- filterMode: PropTypes.oneOf(['discard', 'keep']),
256
- maxEnd: PropTypes.number,
257
- maxSpan: PropTypes.number,
258
- minSpan: PropTypes.number,
259
- minStart: PropTypes.number,
260
- panning: PropTypes.bool,
261
- step: PropTypes.number
262
- }), PropTypes.bool])
263
- })),
264
- /**
265
- * The configuration of the z-axes.
266
- */
267
- zAxis: PropTypes.arrayOf(PropTypes.shape({
268
- colorMap: PropTypes.oneOfType([PropTypes.shape({
269
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
270
- type: PropTypes.oneOf(['ordinal']).isRequired,
271
- unknownColor: PropTypes.string,
272
- values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
273
- }), PropTypes.shape({
274
- color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
275
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
276
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
277
- type: PropTypes.oneOf(['continuous']).isRequired
278
- }), PropTypes.shape({
279
- colors: PropTypes.arrayOf(PropTypes.string).isRequired,
280
- thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
281
- type: PropTypes.oneOf(['piecewise']).isRequired
282
- })]),
283
- data: PropTypes.array,
284
- dataKey: PropTypes.string,
285
- id: PropTypes.string,
286
- max: PropTypes.number,
287
- min: PropTypes.number
288
- }))
289
- } : void 0;
290
- export { ChartContainerPro };
@@ -1,2 +0,0 @@
1
- import "../typeOverloads/index.js";
2
- export * from "./ChartContainerPro.js";
@@ -1,2 +0,0 @@
1
- import "../typeOverloads/index.js";
2
- export * from "./ChartContainerPro.js";
@@ -1,9 +0,0 @@
1
- import { ChartAnyPluginSignature, ChartSeriesType, UseChartContainerPropsReturnValue } from '@mui/x-charts/internals';
2
- import * as React from 'react';
3
- import { ChartDataProviderProps } from '@mui/x-charts/ChartDataProvider';
4
- import type { ChartContainerProProps } from './ChartContainerPro';
5
- import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
6
- export type UseChartContainerProPropsReturnValue<TSeries extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = Pick<UseChartContainerPropsReturnValue<TSeries, TSignatures>, 'chartsSurfaceProps' | 'children'> & {
7
- chartDataProviderProProps: ChartDataProviderProps<TSeries, TSignatures>;
8
- };
9
- export declare const useChartContainerProProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartContainerProProps<TSeries, TSignatures>, ref: React.Ref<SVGSVGElement>) => UseChartContainerProPropsReturnValue<TSeries, TSignatures>;
@@ -1,35 +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", "plugins", "apiRef"];
6
- import { useChartContainerProps } from '@mui/x-charts/internals';
7
- import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.js";
8
- export const useChartContainerProProps = (props, ref) => {
9
- const _ref = props,
10
- {
11
- initialZoom,
12
- zoomData,
13
- onZoomChange,
14
- plugins,
15
- apiRef
16
- } = _ref,
17
- baseProps = _objectWithoutPropertiesLoose(_ref, _excluded);
18
- const {
19
- chartDataProviderProps,
20
- chartsSurfaceProps,
21
- children
22
- } = useChartContainerProps(baseProps, ref);
23
- const chartDataProviderProProps = _extends({}, chartDataProviderProps, {
24
- initialZoom,
25
- zoomData,
26
- onZoomChange,
27
- apiRef,
28
- plugins: plugins ?? DEFAULT_PLUGINS
29
- });
30
- return {
31
- chartDataProviderProProps,
32
- chartsSurfaceProps,
33
- children
34
- };
35
- };
@@ -1,37 +0,0 @@
1
- import * as React from 'react';
2
- import { ChartSeriesType, ChartAnyPluginSignature, ChartProviderProps } from '@mui/x-charts/internals';
3
- import { ChartDataProviderProps } from '@mui/x-charts/ChartDataProvider';
4
- import { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
5
- export type ChartDataProviderProProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartDataProviderProps<TSeries, TSignatures> & Omit<ChartProviderProps<TSeries, TSignatures>['pluginParams'], 'children'>;
6
- /**
7
- * Orchestrates the data providers for the chart components and hooks.
8
- *
9
- * Use this component if you have custom HTML components that need to access the chart data.
10
- *
11
- * Demos:
12
- *
13
- * - [Composition](https://mui.com/x/api/charts/composition/)
14
- *
15
- * API:
16
- *
17
- * - [ChartDataProviderPro API](https://mui.com/x/api/charts/chart-data-provider/)
18
- *
19
- * @example
20
- * ```jsx
21
- * <ChartDataProviderPro
22
- * series={[{ label: "Label", type: "bar", data: [10, 20] }]}
23
- * xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
24
- * >
25
- * <ChartsSurface>
26
- * <BarPlot />
27
- * <ChartsXAxis axisId="x-axis" />
28
- * </ChartsSurface>
29
- * {'Custom Legend Component'}
30
- * </ChartDataProviderPro>
31
- * ```
32
- */
33
- declare function ChartDataProviderPro<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProProps<TSeries, TSignatures>): React.JSX.Element;
34
- declare namespace ChartDataProviderPro {
35
- var propTypes: any;
36
- }
37
- export { ChartDataProviderPro };
@@ -1,106 +0,0 @@
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 { Watermark } from '@mui/x-license/Watermark';
7
- import { ChartProvider, AnimationProvider } from '@mui/x-charts/internals';
8
- import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
9
- import { useChartDataProviderProProps } from "./useChartDataProviderProProps.js";
10
- import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
11
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
12
- const releaseInfo = getReleaseInfo();
13
- const packageIdentifier = 'x-charts-pro';
14
- /**
15
- * Orchestrates the data providers for the chart components and hooks.
16
- *
17
- * Use this component if you have custom HTML components that need to access the chart data.
18
- *
19
- * Demos:
20
- *
21
- * - [Composition](https://mui.com/x/api/charts/composition/)
22
- *
23
- * API:
24
- *
25
- * - [ChartDataProviderPro API](https://mui.com/x/api/charts/chart-data-provider/)
26
- *
27
- * @example
28
- * ```jsx
29
- * <ChartDataProviderPro
30
- * series={[{ label: "Label", type: "bar", data: [10, 20] }]}
31
- * xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
32
- * >
33
- * <ChartsSurface>
34
- * <BarPlot />
35
- * <ChartsXAxis axisId="x-axis" />
36
- * </ChartsSurface>
37
- * {'Custom Legend Component'}
38
- * </ChartDataProviderPro>
39
- * ```
40
- */
41
- function ChartDataProviderPro(props) {
42
- const {
43
- children,
44
- animationProviderProps,
45
- chartProviderProps
46
- } = useChartDataProviderProProps(props);
47
- useLicenseVerifier(packageIdentifier, releaseInfo);
48
- return /*#__PURE__*/_jsx(ChartProvider, _extends({}, chartProviderProps, {
49
- children: /*#__PURE__*/_jsxs(AnimationProvider, _extends({}, animationProviderProps, {
50
- children: [children, /*#__PURE__*/_jsx(Watermark, {
51
- packageName: packageIdentifier,
52
- releaseInfo: releaseInfo
53
- })]
54
- }))
55
- }));
56
- }
57
- process.env.NODE_ENV !== "production" ? ChartDataProviderPro.propTypes = {
58
- // ----------------------------- Warning --------------------------------
59
- // | These PropTypes are generated from the TypeScript type definitions |
60
- // | To update them edit the TypeScript types and run "pnpm proptypes" |
61
- // ----------------------------------------------------------------------
62
- apiRef: PropTypes.any,
63
- children: PropTypes.node,
64
- /**
65
- * Color palette used to colorize multiple series.
66
- * @default rainbowSurgePalette
67
- */
68
- colors: PropTypes.any,
69
- /**
70
- * An array of objects that can be used to populate series and axes data using their `dataKey` property.
71
- */
72
- dataset: PropTypes.any,
73
- /**
74
- * The height of the chart in px. If not defined, it takes the height of the parent element.
75
- */
76
- height: PropTypes.any,
77
- /**
78
- * This prop is used to help implement the accessibility logic.
79
- * If you don't provide this prop. It falls back to a randomly generated id.
80
- */
81
- id: PropTypes.any,
82
- /**
83
- * The margin between the SVG and the drawing area.
84
- * It's used for leaving some space for extra information such as the x- and y-axis or legend.
85
- *
86
- * Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
87
- */
88
- margin: PropTypes.any,
89
- /**
90
- * The array of series to display.
91
- * Each type of series has its own specificity.
92
- * Please refer to the appropriate docs page to learn more about it.
93
- */
94
- series: PropTypes.any,
95
- /**
96
- * If `true`, animations are skipped.
97
- * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
98
- */
99
- skipAnimation: PropTypes.any,
100
- theme: PropTypes.any,
101
- /**
102
- * The width of the chart in px. If not defined, it takes the width of the parent element.
103
- */
104
- width: PropTypes.any
105
- } : void 0;
106
- export { ChartDataProviderPro };
@@ -1,2 +0,0 @@
1
- import "../typeOverloads/index.js";
2
- export * from "./ChartDataProviderPro.js";
@@ -1,2 +0,0 @@
1
- import "../typeOverloads/index.js";
2
- export * from "./ChartDataProviderPro.js";
@@ -1,8 +0,0 @@
1
- import { ChartAnyPluginSignature, ChartSeriesType } from '@mui/x-charts/internals';
2
- import type { ChartDataProviderProProps } from './ChartDataProviderPro';
3
- import type { AllPluginSignatures } from '../internals/plugins/allPlugins';
4
- export declare const useChartDataProviderProProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProProps<TSeries, TSignatures>) => {
5
- children: import("react").ReactNode;
6
- animationProviderProps: Omit<import("@mui/x-charts/internals").AnimationProviderProps, "children">;
7
- chartProviderProps: Omit<import("@mui/x-charts/internals").ChartProviderProps<TSeries, TSignatures>, "children">;
8
- };
@@ -1,15 +0,0 @@
1
- 'use client';
2
-
3
- import { useChartDataProviderProps } from '@mui/x-charts/internals';
4
- export const useChartDataProviderProProps = props => {
5
- const {
6
- animationProviderProps,
7
- chartProviderProps,
8
- children
9
- } = useChartDataProviderProps(props);
10
- return {
11
- children,
12
- animationProviderProps,
13
- chartProviderProps
14
- };
15
- };
@@ -1,37 +0,0 @@
1
- import * as React from 'react';
2
- import { ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
3
- import { MakeOptional } from '@mui/x-internals/types';
4
- import { ChartsAxisHighlightProps } from '@mui/x-charts/ChartsAxisHighlight';
5
- import { FunnelPlotProps } from "./FunnelPlot.js";
6
- import { FunnelSeriesType } from "./funnel.types.js";
7
- import { ChartContainerProProps } from "../ChartContainerPro/index.js";
8
- import { FunnelChartSlotExtension } from "./funnelSlots.types.js";
9
- import { CategoryAxis } from "./categoryAxis.types.js";
10
- export interface FunnelChartProps extends Omit<ChartContainerProProps<'funnel'>, 'series' | 'plugins' | 'zAxis' | 'zoom' | 'onZoomChange' | 'dataset' | 'yAxis' | 'xAxis' | 'rotationAxis' | 'radiusAxis'>, Omit<FunnelPlotProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, FunnelChartSlotExtension {
11
- /**
12
- * The series to display in the funnel chart.
13
- * An array of [[FunnelSeriesType]] objects.
14
- */
15
- series: Readonly<MakeOptional<FunnelSeriesType, 'type'>[]>;
16
- /**
17
- * The configuration of the category axis.
18
- *
19
- * @default { position: 'none' }
20
- */
21
- categoryAxis?: CategoryAxis;
22
- /**
23
- * If `true`, the legend is not rendered.
24
- * @default false
25
- */
26
- hideLegend?: boolean;
27
- /**
28
- * The configuration of axes highlight.
29
- * Default is set to 'band' in the bar direction.
30
- * Depends on `layout` prop.
31
- * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
32
- *
33
- */
34
- axisHighlight?: ChartsAxisHighlightProps;
35
- }
36
- declare const FunnelChart: React.ForwardRefExoticComponent<FunnelChartProps & React.RefAttributes<SVGSVGElement>>;
37
- export { FunnelChart };