@mui/x-charts-pro 8.27.2 → 8.27.4

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 (156) hide show
  1. package/BarChartPro/BarChartPro.js +2 -2
  2. package/CHANGELOG.md +89 -0
  3. package/ChartContainerPro/ChartContainerPro.d.ts +17 -31
  4. package/ChartContainerPro/ChartContainerPro.js +14 -287
  5. package/ChartContainerPro/useChartContainerProProps.d.ts +9 -5
  6. package/ChartContainerPro/useChartContainerProProps.js +9 -34
  7. package/ChartDataProviderPro/ChartDataProviderPro.d.ts +18 -44
  8. package/ChartDataProviderPro/ChartDataProviderPro.js +22 -141
  9. package/ChartDataProviderPro/useChartDataProviderProProps.d.ts +7 -7
  10. package/ChartDataProviderPro/useChartDataProviderProProps.js +5 -18
  11. package/ChartZoomSlider/index.d.ts +29 -3
  12. package/ChartZoomSlider/index.js +33 -30
  13. package/ChartsContainer/index.d.ts +1 -0
  14. package/ChartsContainer/index.js +16 -0
  15. package/ChartsContainerPro/ChartsContainerPro.d.ts +37 -0
  16. package/ChartsContainerPro/ChartsContainerPro.js +188 -0
  17. package/ChartsContainerPro/index.d.ts +9 -0
  18. package/ChartsContainerPro/index.js +17 -0
  19. package/ChartsContainerPro/useChartsContainerProProps.d.ts +9 -0
  20. package/ChartsContainerPro/useChartsContainerProProps.js +44 -0
  21. package/ChartsDataProvider/index.d.ts +1 -0
  22. package/ChartsDataProvider/index.js +16 -0
  23. package/ChartsDataProviderPro/ChartsDataProviderPro.d.ts +49 -0
  24. package/ChartsDataProviderPro/ChartsDataProviderPro.js +150 -0
  25. package/ChartsDataProviderPro/index.d.ts +2 -0
  26. package/ChartsDataProviderPro/index.js +13 -0
  27. package/ChartsDataProviderPro/useChartsDataProviderProProps.d.ts +10 -0
  28. package/ChartsDataProviderPro/useChartsDataProviderProProps.js +25 -0
  29. package/ChartsZoomSlider/ChartsZoomSlider.d.ts +4 -0
  30. package/{ChartZoomSlider/ChartZoomSlider.js → ChartsZoomSlider/ChartsZoomSlider.js} +5 -5
  31. package/ChartsZoomSlider/index.d.ts +3 -0
  32. package/ChartsZoomSlider/index.js +26 -0
  33. package/{ChartZoomSlider/internals/ChartAxisZoomSlider.d.ts → ChartsZoomSlider/internals/ChartsAxisZoomSlider.d.ts} +3 -3
  34. package/{ChartZoomSlider/internals/ChartAxisZoomSlider.js → ChartsZoomSlider/internals/ChartsAxisZoomSlider.js} +8 -8
  35. package/{ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.d.ts → ChartsZoomSlider/internals/ChartsAxisZoomSliderActiveTrack.d.ts} +3 -3
  36. package/{ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderActiveTrack.js} +7 -7
  37. package/{ChartZoomSlider/internals/ChartAxisZoomSliderPreview.d.ts → ChartsZoomSlider/internals/ChartsAxisZoomSliderPreview.d.ts} +3 -3
  38. package/{ChartZoomSlider/internals/ChartAxisZoomSliderPreview.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderPreview.js} +4 -4
  39. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderPreviewContent.d.ts +9 -0
  40. package/{ChartZoomSlider/internals/ChartAxisZoomSliderPreviewContent.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderPreviewContent.js} +2 -2
  41. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderThumb.d.ts +12 -0
  42. package/{ChartZoomSlider/internals/ChartAxisZoomSliderThumb.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderThumb.js} +8 -8
  43. package/{ChartZoomSlider/internals/ChartAxisZoomSliderTrack.d.ts → ChartsZoomSlider/internals/ChartsAxisZoomSliderTrack.d.ts} +3 -3
  44. package/{ChartZoomSlider/internals/ChartAxisZoomSliderTrack.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderTrack.js} +4 -4
  45. package/{ChartZoomSlider/internals/chartAxisZoomSliderThumbClasses.d.ts → ChartsZoomSlider/internals/chartsAxisZoomSliderThumbClasses.d.ts} +5 -5
  46. package/{ChartZoomSlider/internals/chartAxisZoomSliderThumbClasses.js → ChartsZoomSlider/internals/chartsAxisZoomSliderThumbClasses.js} +2 -2
  47. package/ChartsZoomSlider/internals/chartsAxisZoomSliderTrackClasses.d.ts +15 -0
  48. package/{ChartZoomSlider/internals/chartAxisZoomSliderTrackClasses.js → ChartsZoomSlider/internals/chartsAxisZoomSliderTrackClasses.js} +2 -2
  49. package/LineChartPro/LineChartPro.js +2 -2
  50. package/ScatterChartPro/ScatterChartPro.js +2 -2
  51. package/esm/BarChartPro/BarChartPro.js +2 -2
  52. package/esm/ChartContainerPro/ChartContainerPro.d.ts +17 -31
  53. package/esm/ChartContainerPro/ChartContainerPro.js +15 -286
  54. package/esm/ChartContainerPro/useChartContainerProProps.d.ts +9 -5
  55. package/esm/ChartContainerPro/useChartContainerProProps.js +10 -33
  56. package/esm/ChartDataProviderPro/ChartDataProviderPro.d.ts +18 -44
  57. package/esm/ChartDataProviderPro/ChartDataProviderPro.js +17 -139
  58. package/esm/ChartDataProviderPro/useChartDataProviderProProps.d.ts +7 -7
  59. package/esm/ChartDataProviderPro/useChartDataProviderProProps.js +6 -17
  60. package/esm/ChartZoomSlider/index.d.ts +29 -3
  61. package/esm/ChartZoomSlider/index.js +34 -3
  62. package/esm/ChartsContainer/index.d.ts +1 -0
  63. package/esm/ChartsContainer/index.js +2 -0
  64. package/esm/ChartsContainerPro/ChartsContainerPro.d.ts +37 -0
  65. package/esm/ChartsContainerPro/ChartsContainerPro.js +182 -0
  66. package/esm/ChartsContainerPro/index.d.ts +9 -0
  67. package/esm/ChartsContainerPro/index.js +6 -0
  68. package/esm/ChartsContainerPro/useChartsContainerProProps.d.ts +9 -0
  69. package/esm/ChartsContainerPro/useChartsContainerProProps.js +37 -0
  70. package/esm/ChartsDataProvider/index.d.ts +1 -0
  71. package/esm/ChartsDataProvider/index.js +2 -0
  72. package/esm/ChartsDataProviderPro/ChartsDataProviderPro.d.ts +49 -0
  73. package/esm/ChartsDataProviderPro/ChartsDataProviderPro.js +144 -0
  74. package/esm/ChartsDataProviderPro/index.d.ts +2 -0
  75. package/esm/ChartsDataProviderPro/index.js +2 -0
  76. package/esm/ChartsDataProviderPro/useChartsDataProviderProProps.d.ts +10 -0
  77. package/esm/ChartsDataProviderPro/useChartsDataProviderProProps.js +19 -0
  78. package/esm/ChartsZoomSlider/ChartsZoomSlider.d.ts +4 -0
  79. package/esm/{ChartZoomSlider/ChartZoomSlider.js → ChartsZoomSlider/ChartsZoomSlider.js} +4 -4
  80. package/esm/ChartsZoomSlider/index.d.ts +3 -0
  81. package/esm/ChartsZoomSlider/index.js +3 -0
  82. package/esm/{ChartZoomSlider/internals/ChartAxisZoomSlider.d.ts → ChartsZoomSlider/internals/ChartsAxisZoomSlider.d.ts} +3 -3
  83. package/esm/{ChartZoomSlider/internals/ChartAxisZoomSlider.js → ChartsZoomSlider/internals/ChartsAxisZoomSlider.js} +7 -7
  84. package/esm/{ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.d.ts → ChartsZoomSlider/internals/ChartsAxisZoomSliderActiveTrack.d.ts} +3 -3
  85. package/esm/{ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderActiveTrack.js} +5 -5
  86. package/esm/{ChartZoomSlider/internals/ChartAxisZoomSliderPreview.d.ts → ChartsZoomSlider/internals/ChartsAxisZoomSliderPreview.d.ts} +3 -3
  87. package/esm/{ChartZoomSlider/internals/ChartAxisZoomSliderPreview.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderPreview.js} +3 -3
  88. package/esm/ChartsZoomSlider/internals/ChartsAxisZoomSliderPreviewContent.d.ts +9 -0
  89. package/esm/{ChartZoomSlider/internals/ChartAxisZoomSliderPreviewContent.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderPreviewContent.js} +1 -1
  90. package/esm/ChartsZoomSlider/internals/ChartsAxisZoomSliderThumb.d.ts +12 -0
  91. package/esm/{ChartZoomSlider/internals/ChartAxisZoomSliderThumb.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderThumb.js} +6 -6
  92. package/esm/{ChartZoomSlider/internals/ChartAxisZoomSliderTrack.d.ts → ChartsZoomSlider/internals/ChartsAxisZoomSliderTrack.d.ts} +3 -3
  93. package/esm/{ChartZoomSlider/internals/ChartAxisZoomSliderTrack.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderTrack.js} +2 -2
  94. package/esm/{ChartZoomSlider/internals/chartAxisZoomSliderThumbClasses.d.ts → ChartsZoomSlider/internals/chartsAxisZoomSliderThumbClasses.d.ts} +5 -5
  95. package/esm/{ChartZoomSlider/internals/chartAxisZoomSliderThumbClasses.js → ChartsZoomSlider/internals/chartsAxisZoomSliderThumbClasses.js} +1 -1
  96. package/esm/ChartsZoomSlider/internals/chartsAxisZoomSliderTrackClasses.d.ts +15 -0
  97. package/esm/{ChartZoomSlider/internals/chartAxisZoomSliderTrackClasses.js → ChartsZoomSlider/internals/chartsAxisZoomSliderTrackClasses.js} +1 -1
  98. package/esm/LineChartPro/LineChartPro.js +2 -2
  99. package/esm/ScatterChartPro/ScatterChartPro.js +2 -2
  100. package/esm/index.d.ts +6 -1
  101. package/esm/index.js +5 -1
  102. package/esm/internals/index.d.ts +5 -3
  103. package/esm/internals/index.js +3 -2
  104. package/index.d.ts +6 -1
  105. package/index.js +45 -1
  106. package/internals/index.d.ts +5 -3
  107. package/internals/index.js +10 -3
  108. package/package.json +4 -4
  109. package/ChartZoomSlider/ChartZoomSlider.d.ts +0 -4
  110. package/ChartZoomSlider/internals/ChartAxisZoomSliderPreviewContent.d.ts +0 -9
  111. package/ChartZoomSlider/internals/ChartAxisZoomSliderThumb.d.ts +0 -12
  112. package/ChartZoomSlider/internals/chartAxisZoomSliderTrackClasses.d.ts +0 -15
  113. package/esm/ChartZoomSlider/ChartZoomSlider.d.ts +0 -4
  114. package/esm/ChartZoomSlider/internals/ChartAxisZoomSliderPreviewContent.d.ts +0 -9
  115. package/esm/ChartZoomSlider/internals/ChartAxisZoomSliderThumb.d.ts +0 -12
  116. package/esm/ChartZoomSlider/internals/chartAxisZoomSliderTrackClasses.d.ts +0 -15
  117. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/ChartsTooltipZoomSliderValue.d.ts +0 -0
  118. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/ChartsTooltipZoomSliderValue.js +0 -0
  119. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/constants.d.ts +0 -0
  120. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/constants.js +0 -0
  121. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/AreaPreviewPlot.d.ts +0 -0
  122. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/AreaPreviewPlot.js +0 -0
  123. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/BarPreviewPlot.d.ts +0 -0
  124. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/BarPreviewPlot.js +0 -0
  125. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/LineAreaPreviewPlot.d.ts +0 -0
  126. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/LineAreaPreviewPlot.js +0 -0
  127. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/LinePreviewPlot.d.ts +0 -0
  128. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/LinePreviewPlot.js +0 -0
  129. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/PreviewPlot.types.d.ts +0 -0
  130. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/PreviewPlot.types.js +0 -0
  131. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/ScatterPreviewPlot.d.ts +0 -0
  132. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/ScatterPreviewPlot.js +0 -0
  133. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/seriesPreviewPlotMap.d.ts +0 -0
  134. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/seriesPreviewPlotMap.js +0 -0
  135. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/zoom-utils.d.ts +0 -0
  136. /package/{ChartZoomSlider → ChartsZoomSlider}/internals/zoom-utils.js +0 -0
  137. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/ChartsTooltipZoomSliderValue.d.ts +0 -0
  138. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/ChartsTooltipZoomSliderValue.js +0 -0
  139. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/constants.d.ts +0 -0
  140. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/constants.js +0 -0
  141. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/AreaPreviewPlot.d.ts +0 -0
  142. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/AreaPreviewPlot.js +0 -0
  143. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/BarPreviewPlot.d.ts +0 -0
  144. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/BarPreviewPlot.js +0 -0
  145. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/LineAreaPreviewPlot.d.ts +0 -0
  146. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/LineAreaPreviewPlot.js +0 -0
  147. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/LinePreviewPlot.d.ts +0 -0
  148. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/LinePreviewPlot.js +0 -0
  149. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/PreviewPlot.types.d.ts +0 -0
  150. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/PreviewPlot.types.js +0 -0
  151. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/ScatterPreviewPlot.d.ts +0 -0
  152. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/previews/ScatterPreviewPlot.js +0 -0
  153. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/seriesPreviewPlotMap.d.ts +0 -0
  154. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/seriesPreviewPlotMap.js +0 -0
  155. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/zoom-utils.d.ts +0 -0
  156. /package/esm/{ChartZoomSlider → ChartsZoomSlider}/internals/zoom-utils.js +0 -0
@@ -1,7 +1,7 @@
1
1
  import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
2
2
  import composeClasses from '@mui/utils/composeClasses';
3
3
  import generateUtilityClass from '@mui/utils/generateUtilityClass';
4
- export const chartAxisZoomSliderThumbClasses = generateUtilityClasses('MuiChartAxisZoomSliderThumb', ['root', 'horizontal', 'vertical', 'start', 'end']);
4
+ export const chartsAxisZoomSliderThumbClasses = generateUtilityClasses('MuiChartAxisZoomSliderThumb', ['root', 'horizontal', 'vertical', 'start', 'end']);
5
5
  export function getAxisZoomSliderThumbUtilityClass(slot) {
6
6
  return generateUtilityClass('MuiChartAxisZoomSliderThumb', slot);
7
7
  }
@@ -0,0 +1,15 @@
1
+ import type { ChartsAxisZoomSliderActiveTrackProps } from "./ChartsAxisZoomSliderActiveTrack.js";
2
+ export interface ChartsAxisZoomSliderTrackClasses {
3
+ /** Styles applied to the root element when it is horizontal. */
4
+ horizontal: string;
5
+ /** Styles applied to the root element when it is vertical. */
6
+ vertical: string;
7
+ /** Styles applied to the root element to the active part of the track. */
8
+ active: string;
9
+ /** Styles applied to the root element to the background part of the track. */
10
+ background: string;
11
+ }
12
+ export type ChartsAxisZoomSliderTrackClassKey = keyof ChartsAxisZoomSliderTrackClasses;
13
+ export declare const chartsAxisZoomSliderTrackClasses: ChartsAxisZoomSliderTrackClasses;
14
+ export declare function getAxisZoomSliderTrackUtilityClass(slot: string): string;
15
+ export declare const useUtilityClasses: (props: Partial<ChartsAxisZoomSliderActiveTrackProps>) => Record<"background" | "active", string>;
@@ -1,6 +1,6 @@
1
1
  import composeClasses from '@mui/utils/composeClasses';
2
2
  import ClassNameGenerator from '@mui/utils/ClassNameGenerator';
3
- export const chartAxisZoomSliderTrackClasses = ['horizontal', 'vertical', 'background', 'active'].reduce((acc, slot) => {
3
+ export const chartsAxisZoomSliderTrackClasses = ['horizontal', 'vertical', 'background', 'active'].reduce((acc, slot) => {
4
4
  acc[slot] = getAxisZoomSliderTrackUtilityClass(slot);
5
5
  return acc;
6
6
  }, {});
@@ -18,7 +18,7 @@ import { ChartsSurface } from '@mui/x-charts/ChartsSurface';
18
18
  import { useLineChartProps } from '@mui/x-charts/internals';
19
19
  import { ChartsWrapper } from '@mui/x-charts/ChartsWrapper';
20
20
  import { ChartsBrushOverlay } from '@mui/x-charts/ChartsBrushOverlay';
21
- import { ChartZoomSlider } from "../ChartZoomSlider/index.js";
21
+ import { ChartsZoomSlider } from "../ChartsZoomSlider/index.js";
22
22
  import { ChartsToolbarPro } from "../ChartsToolbarPro/index.js";
23
23
  import { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";
24
24
  import { ChartDataProviderPro } from "../ChartDataProviderPro/index.js";
@@ -80,7 +80,7 @@ const LineChartPro = /*#__PURE__*/React.forwardRef(function LineChartPro(inProps
80
80
  children: [showToolbar ? /*#__PURE__*/_jsx(Toolbar, _extends({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
81
81
  children: [/*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsxs("g", _extends({}, clipPathGroupProps, {
82
82
  children: [/*#__PURE__*/_jsx(AreaPlot, _extends({}, areaPlotProps)), /*#__PURE__*/_jsx(LinePlot, _extends({}, linePlotProps)), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps))]
83
- })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartZoomSlider, {}), /*#__PURE__*/_jsx("g", {
83
+ })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartsZoomSlider, {}), /*#__PURE__*/_jsx("g", {
84
84
  "data-drawing-container": true,
85
85
  children: /*#__PURE__*/_jsx(MarkPlot, _extends({}, markPlotProps))
86
86
  }), /*#__PURE__*/_jsx(LineHighlightPlot, _extends({}, lineHighlightPlotProps)), /*#__PURE__*/_jsx(ChartsBrushOverlay, {}), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
@@ -17,7 +17,7 @@ import { ChartsTooltip } from '@mui/x-charts/ChartsTooltip';
17
17
  import { useScatterChartProps } from '@mui/x-charts/internals';
18
18
  import { ChartsWrapper } from '@mui/x-charts/ChartsWrapper';
19
19
  import { ChartsBrushOverlay } from '@mui/x-charts/ChartsBrushOverlay';
20
- import { ChartZoomSlider } from "../ChartZoomSlider/index.js";
20
+ import { ChartsZoomSlider } from "../ChartsZoomSlider/index.js";
21
21
  import { ChartsToolbarPro } from "../ChartsToolbarPro/index.js";
22
22
  import { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";
23
23
  import { ChartDataProviderPro } from "../ChartDataProviderPro/index.js";
@@ -72,7 +72,7 @@ const ScatterChartPro = /*#__PURE__*/React.forwardRef(function ScatterChartPro(i
72
72
  return /*#__PURE__*/_jsx(ChartDataProviderPro, _extends({}, chartDataProviderProProps, {
73
73
  children: /*#__PURE__*/_jsxs(ChartsWrapper, _extends({}, chartsWrapperProps, {
74
74
  children: [showToolbar ? /*#__PURE__*/_jsx(Toolbar, _extends({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
75
- children: [/*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartZoomSlider, {}), /*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsx("g", {
75
+ children: [/*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartsZoomSlider, {}), /*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsx("g", {
76
76
  "data-drawing-container": true,
77
77
  children: /*#__PURE__*/_jsx(ScatterPlot, _extends({}, scatterPlotProps))
78
78
  }), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps)), /*#__PURE__*/_jsx(ChartsBrushOverlay, {}), children]
package/esm/index.d.ts CHANGED
@@ -18,6 +18,7 @@ export * from '@mui/x-charts/SparkLineChart';
18
18
  export * from '@mui/x-charts/Gauge';
19
19
  export * from '@mui/x-charts/RadarChart';
20
20
  export * from '@mui/x-charts/ChartsSurface';
21
+ export * from '@mui/x-charts/ChartsDataProvider';
21
22
  export * from '@mui/x-charts/ChartDataProvider';
22
23
  export * from '@mui/x-charts/ChartsLabel';
23
24
  export * from '@mui/x-charts/ChartsOverlay';
@@ -29,8 +30,11 @@ export * from "./models/index.js";
29
30
  export * from "./plugins/index.js";
30
31
  export * from "./colorPalettes/index.js";
31
32
  export * from "./Heatmap/index.js";
33
+ export { ChartsContainerPro } from "./ChartsContainerPro/index.js";
34
+ export type { ChartsContainerProProps, ChartsContainerProSlots, ChartsContainerProSlotProps } from "./ChartsContainerPro/index.js";
32
35
  export { ChartContainerPro } from "./ChartContainerPro/index.js";
33
- export type { ChartContainerProProps } from "./ChartContainerPro/index.js";
36
+ export type { ChartContainerProProps, ChartContainerProSlots, ChartContainerProSlotProps } from "./ChartContainerPro/index.js";
37
+ export * from "./ChartsDataProviderPro/index.js";
34
38
  export * from "./ChartDataProviderPro/index.js";
35
39
  export * from "./ScatterChartPro/index.js";
36
40
  export * from "./SankeyChart/index.js";
@@ -40,5 +44,6 @@ export * from "./PieChartPro/index.js";
40
44
  export * from "./FunnelChart/index.js";
41
45
  export * from "./RadarChartPro/index.js";
42
46
  export * from "./ChartZoomSlider/index.js";
47
+ export * from "./ChartsZoomSlider/index.js";
43
48
  export * from "./ChartsToolbarPro/index.js";
44
49
  export type { ChartImageExportOptions, ChartPrintExportOptions } from "./internals/plugins/useChartProExport/index.js";
package/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-charts-pro v8.27.2
2
+ * @mui/x-charts-pro v8.27.4
3
3
  *
4
4
  * @license SEE LICENSE IN LICENSE
5
5
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
@@ -27,6 +27,7 @@ export * from '@mui/x-charts/SparkLineChart';
27
27
  export * from '@mui/x-charts/Gauge';
28
28
  export * from '@mui/x-charts/RadarChart';
29
29
  export * from '@mui/x-charts/ChartsSurface';
30
+ export * from '@mui/x-charts/ChartsDataProvider';
30
31
  export * from '@mui/x-charts/ChartDataProvider';
31
32
  export * from '@mui/x-charts/ChartsLabel';
32
33
  export * from '@mui/x-charts/ChartsOverlay';
@@ -44,7 +45,9 @@ export * from "./colorPalettes/index.js";
44
45
 
45
46
  // Pro components
46
47
  export * from "./Heatmap/index.js";
48
+ export { ChartsContainerPro } from "./ChartsContainerPro/index.js";
47
49
  export { ChartContainerPro } from "./ChartContainerPro/index.js";
50
+ export * from "./ChartsDataProviderPro/index.js";
48
51
  export * from "./ChartDataProviderPro/index.js";
49
52
  export * from "./ScatterChartPro/index.js";
50
53
  export * from "./SankeyChart/index.js";
@@ -54,4 +57,5 @@ export * from "./PieChartPro/index.js";
54
57
  export * from "./FunnelChart/index.js";
55
58
  export * from "./RadarChartPro/index.js";
56
59
  export * from "./ChartZoomSlider/index.js";
60
+ export * from "./ChartsZoomSlider/index.js";
57
61
  export * from "./ChartsToolbarPro/index.js";
@@ -1,7 +1,9 @@
1
+ export { useChartsContainerProProps } from "../ChartsContainerPro/useChartsContainerProProps.js";
2
+ export type { UseChartsContainerProPropsReturnValue } from "../ChartsContainerPro/useChartsContainerProProps.js";
1
3
  export { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";
2
4
  export type { ChartsSlotsPro, ChartsSlotPropsPro } from "./material/index.js";
3
- export { seriesPreviewPlotMap } from "../ChartZoomSlider/internals/seriesPreviewPlotMap.js";
4
- export type { PreviewPlotProps } from "../ChartZoomSlider/internals/previews/PreviewPlot.types.js";
5
- export { defaultSeriesConfigPro } from "../ChartDataProviderPro/ChartDataProviderPro.js";
5
+ export { seriesPreviewPlotMap } from "../ChartsZoomSlider/internals/seriesPreviewPlotMap.js";
6
+ export type { PreviewPlotProps } from "../ChartsZoomSlider/internals/previews/PreviewPlot.types.js";
7
+ export { defaultSeriesConfigPro } from "../ChartsDataProviderPro/ChartsDataProviderPro.js";
6
8
  export type { ProPluginsPerSeriesType } from "../context/ChartProApi.js";
7
9
  export { defaultSlotsMaterial } from "./material/index.js";
@@ -1,4 +1,5 @@
1
+ export { useChartsContainerProProps } from "../ChartsContainerPro/useChartsContainerProProps.js";
1
2
  export { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";
2
- export { seriesPreviewPlotMap } from "../ChartZoomSlider/internals/seriesPreviewPlotMap.js";
3
- export { defaultSeriesConfigPro } from "../ChartDataProviderPro/ChartDataProviderPro.js";
3
+ export { seriesPreviewPlotMap } from "../ChartsZoomSlider/internals/seriesPreviewPlotMap.js";
4
+ export { defaultSeriesConfigPro } from "../ChartsDataProviderPro/ChartsDataProviderPro.js";
4
5
  export { defaultSlotsMaterial } from "./material/index.js";
package/index.d.ts CHANGED
@@ -18,6 +18,7 @@ export * from '@mui/x-charts/SparkLineChart';
18
18
  export * from '@mui/x-charts/Gauge';
19
19
  export * from '@mui/x-charts/RadarChart';
20
20
  export * from '@mui/x-charts/ChartsSurface';
21
+ export * from '@mui/x-charts/ChartsDataProvider';
21
22
  export * from '@mui/x-charts/ChartDataProvider';
22
23
  export * from '@mui/x-charts/ChartsLabel';
23
24
  export * from '@mui/x-charts/ChartsOverlay';
@@ -29,8 +30,11 @@ export * from "./models/index.js";
29
30
  export * from "./plugins/index.js";
30
31
  export * from "./colorPalettes/index.js";
31
32
  export * from "./Heatmap/index.js";
33
+ export { ChartsContainerPro } from "./ChartsContainerPro/index.js";
34
+ export type { ChartsContainerProProps, ChartsContainerProSlots, ChartsContainerProSlotProps } from "./ChartsContainerPro/index.js";
32
35
  export { ChartContainerPro } from "./ChartContainerPro/index.js";
33
- export type { ChartContainerProProps } from "./ChartContainerPro/index.js";
36
+ export type { ChartContainerProProps, ChartContainerProSlots, ChartContainerProSlotProps } from "./ChartContainerPro/index.js";
37
+ export * from "./ChartsDataProviderPro/index.js";
34
38
  export * from "./ChartDataProviderPro/index.js";
35
39
  export * from "./ScatterChartPro/index.js";
36
40
  export * from "./SankeyChart/index.js";
@@ -40,5 +44,6 @@ export * from "./PieChartPro/index.js";
40
44
  export * from "./FunnelChart/index.js";
41
45
  export * from "./RadarChartPro/index.js";
42
46
  export * from "./ChartZoomSlider/index.js";
47
+ export * from "./ChartsZoomSlider/index.js";
43
48
  export * from "./ChartsToolbarPro/index.js";
44
49
  export type { ChartImageExportOptions, ChartPrintExportOptions } from "./internals/plugins/useChartProExport/index.js";
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-charts-pro v8.27.2
2
+ * @mui/x-charts-pro v8.27.4
3
3
  *
4
4
  * @license SEE LICENSE IN LICENSE
5
5
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
@@ -11,6 +11,7 @@ Object.defineProperty(exports, "__esModule", {
11
11
  value: true
12
12
  });
13
13
  var _exportNames = {
14
+ ChartsContainerPro: true,
14
15
  ChartContainerPro: true
15
16
  };
16
17
  Object.defineProperty(exports, "ChartContainerPro", {
@@ -19,6 +20,12 @@ Object.defineProperty(exports, "ChartContainerPro", {
19
20
  return _ChartContainerPro.ChartContainerPro;
20
21
  }
21
22
  });
23
+ Object.defineProperty(exports, "ChartsContainerPro", {
24
+ enumerable: true,
25
+ get: function () {
26
+ return _ChartsContainerPro.ChartsContainerPro;
27
+ }
28
+ });
22
29
  require("./typeOverloads/modules");
23
30
  var _ChartsClipPath = require("@mui/x-charts/ChartsClipPath");
24
31
  Object.keys(_ChartsClipPath).forEach(function (key) {
@@ -248,6 +255,18 @@ Object.keys(_ChartsSurface).forEach(function (key) {
248
255
  }
249
256
  });
250
257
  });
258
+ var _ChartsDataProvider = require("@mui/x-charts/ChartsDataProvider");
259
+ Object.keys(_ChartsDataProvider).forEach(function (key) {
260
+ if (key === "default" || key === "__esModule") return;
261
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
262
+ if (key in exports && exports[key] === _ChartsDataProvider[key]) return;
263
+ Object.defineProperty(exports, key, {
264
+ enumerable: true,
265
+ get: function () {
266
+ return _ChartsDataProvider[key];
267
+ }
268
+ });
269
+ });
251
270
  var _ChartDataProvider = require("@mui/x-charts/ChartDataProvider");
252
271
  Object.keys(_ChartDataProvider).forEach(function (key) {
253
272
  if (key === "default" || key === "__esModule") return;
@@ -380,7 +399,20 @@ Object.keys(_Heatmap).forEach(function (key) {
380
399
  }
381
400
  });
382
401
  });
402
+ var _ChartsContainerPro = require("./ChartsContainerPro");
383
403
  var _ChartContainerPro = require("./ChartContainerPro");
404
+ var _ChartsDataProviderPro = require("./ChartsDataProviderPro");
405
+ Object.keys(_ChartsDataProviderPro).forEach(function (key) {
406
+ if (key === "default" || key === "__esModule") return;
407
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
408
+ if (key in exports && exports[key] === _ChartsDataProviderPro[key]) return;
409
+ Object.defineProperty(exports, key, {
410
+ enumerable: true,
411
+ get: function () {
412
+ return _ChartsDataProviderPro[key];
413
+ }
414
+ });
415
+ });
384
416
  var _ChartDataProviderPro = require("./ChartDataProviderPro");
385
417
  Object.keys(_ChartDataProviderPro).forEach(function (key) {
386
418
  if (key === "default" || key === "__esModule") return;
@@ -489,6 +521,18 @@ Object.keys(_ChartZoomSlider).forEach(function (key) {
489
521
  }
490
522
  });
491
523
  });
524
+ var _ChartsZoomSlider = require("./ChartsZoomSlider");
525
+ Object.keys(_ChartsZoomSlider).forEach(function (key) {
526
+ if (key === "default" || key === "__esModule") return;
527
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
528
+ if (key in exports && exports[key] === _ChartsZoomSlider[key]) return;
529
+ Object.defineProperty(exports, key, {
530
+ enumerable: true,
531
+ get: function () {
532
+ return _ChartsZoomSlider[key];
533
+ }
534
+ });
535
+ });
492
536
  var _ChartsToolbarPro = require("./ChartsToolbarPro");
493
537
  Object.keys(_ChartsToolbarPro).forEach(function (key) {
494
538
  if (key === "default" || key === "__esModule") return;
@@ -1,7 +1,9 @@
1
+ export { useChartsContainerProProps } from "../ChartsContainerPro/useChartsContainerProProps.js";
2
+ export type { UseChartsContainerProPropsReturnValue } from "../ChartsContainerPro/useChartsContainerProProps.js";
1
3
  export { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";
2
4
  export type { ChartsSlotsPro, ChartsSlotPropsPro } from "./material/index.js";
3
- export { seriesPreviewPlotMap } from "../ChartZoomSlider/internals/seriesPreviewPlotMap.js";
4
- export type { PreviewPlotProps } from "../ChartZoomSlider/internals/previews/PreviewPlot.types.js";
5
- export { defaultSeriesConfigPro } from "../ChartDataProviderPro/ChartDataProviderPro.js";
5
+ export { seriesPreviewPlotMap } from "../ChartsZoomSlider/internals/seriesPreviewPlotMap.js";
6
+ export type { PreviewPlotProps } from "../ChartsZoomSlider/internals/previews/PreviewPlot.types.js";
7
+ export { defaultSeriesConfigPro } from "../ChartsDataProviderPro/ChartsDataProviderPro.js";
6
8
  export type { ProPluginsPerSeriesType } from "../context/ChartProApi.js";
7
9
  export { defaultSlotsMaterial } from "./material/index.js";
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "defaultSeriesConfigPro", {
7
7
  enumerable: true,
8
8
  get: function () {
9
- return _ChartDataProviderPro.defaultSeriesConfigPro;
9
+ return _ChartsDataProviderPro.defaultSeriesConfigPro;
10
10
  }
11
11
  });
12
12
  Object.defineProperty(exports, "defaultSlotsMaterial", {
@@ -27,7 +27,14 @@ Object.defineProperty(exports, "useChartContainerProProps", {
27
27
  return _useChartContainerProProps.useChartContainerProProps;
28
28
  }
29
29
  });
30
+ Object.defineProperty(exports, "useChartsContainerProProps", {
31
+ enumerable: true,
32
+ get: function () {
33
+ return _useChartsContainerProProps.useChartsContainerProProps;
34
+ }
35
+ });
36
+ var _useChartsContainerProProps = require("../ChartsContainerPro/useChartsContainerProProps");
30
37
  var _useChartContainerProProps = require("../ChartContainerPro/useChartContainerProProps");
31
- var _seriesPreviewPlotMap = require("../ChartZoomSlider/internals/seriesPreviewPlotMap");
32
- var _ChartDataProviderPro = require("../ChartDataProviderPro/ChartDataProviderPro");
38
+ var _seriesPreviewPlotMap = require("../ChartsZoomSlider/internals/seriesPreviewPlotMap");
39
+ var _ChartsDataProviderPro = require("../ChartsDataProviderPro/ChartsDataProviderPro");
33
40
  var _material = require("./material");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-charts-pro",
3
- "version": "8.27.2",
3
+ "version": "8.27.4",
4
4
  "author": "MUI Team",
5
5
  "description": "The Pro plan edition of the MUI X Charts components.",
6
6
  "license": "SEE LICENSE IN LICENSE",
@@ -31,11 +31,11 @@
31
31
  "@mui/utils": "^7.3.5",
32
32
  "clsx": "^2.1.1",
33
33
  "prop-types": "^15.8.1",
34
- "@mui/x-charts": "8.27.0",
34
+ "@mui/x-charts": "8.27.4",
35
35
  "@mui/x-charts-vendor": "8.26.0",
36
+ "@mui/x-internals": "8.26.0",
36
37
  "@mui/x-internal-gestures": "0.4.0",
37
- "@mui/x-license": "8.26.0",
38
- "@mui/x-internals": "8.26.0"
38
+ "@mui/x-license": "8.26.0"
39
39
  },
40
40
  "peerDependencies": {
41
41
  "@emotion/react": "^11.9.0",
@@ -1,4 +0,0 @@
1
- /**
2
- * Renders the zoom slider for all x and y axes that have it enabled.
3
- */
4
- export declare function ChartZoomSlider(): import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import { type AxisId } from '@mui/x-charts/internals';
2
- export interface ChartAxisZoomSliderPreviewContentProps {
3
- axisId: AxisId;
4
- x: number;
5
- y: number;
6
- height: number;
7
- width: number;
8
- }
9
- export declare function ChartAxisZoomSliderPreviewContent(props: ChartAxisZoomSliderPreviewContentProps): import("react/jsx-runtime").JSX.Element;
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- export interface ChartZoomSliderThumbOwnerState {
3
- onMove: (event: PointerEvent) => void;
4
- orientation: 'horizontal' | 'vertical';
5
- placement: 'start' | 'end';
6
- }
7
- export interface ChartZoomSliderThumbProps extends Omit<React.ComponentProps<'rect'>, 'orientation'>, ChartZoomSliderThumbOwnerState {}
8
- /**
9
- * Renders the zoom slider thumb, which is responsible for resizing the zoom range.
10
- * @internal
11
- */
12
- export declare const ChartAxisZoomSliderThumb: React.ForwardRefExoticComponent<Omit<ChartZoomSliderThumbProps, "ref"> & React.RefAttributes<SVGRectElement>>;
@@ -1,15 +0,0 @@
1
- import type { ChartAxisZoomSliderActiveTrackProps } from "./ChartAxisZoomSliderActiveTrack.js";
2
- export interface ChartAxisZoomSliderTrackClasses {
3
- /** Styles applied to the root element when it is horizontal. */
4
- horizontal: string;
5
- /** Styles applied to the root element when it is vertical. */
6
- vertical: string;
7
- /** Styles applied to the root element to the active part of the track. */
8
- active: string;
9
- /** Styles applied to the root element to the background part of the track. */
10
- background: string;
11
- }
12
- export type ChartAxisZoomSliderTrackClassKey = keyof ChartAxisZoomSliderTrackClasses;
13
- export declare const chartAxisZoomSliderTrackClasses: ChartAxisZoomSliderTrackClasses;
14
- export declare function getAxisZoomSliderTrackUtilityClass(slot: string): string;
15
- export declare const useUtilityClasses: (props: Partial<ChartAxisZoomSliderActiveTrackProps>) => Record<"background" | "active", string>;
@@ -1,4 +0,0 @@
1
- /**
2
- * Renders the zoom slider for all x and y axes that have it enabled.
3
- */
4
- export declare function ChartZoomSlider(): import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import { type AxisId } from '@mui/x-charts/internals';
2
- export interface ChartAxisZoomSliderPreviewContentProps {
3
- axisId: AxisId;
4
- x: number;
5
- y: number;
6
- height: number;
7
- width: number;
8
- }
9
- export declare function ChartAxisZoomSliderPreviewContent(props: ChartAxisZoomSliderPreviewContentProps): import("react/jsx-runtime").JSX.Element;
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- export interface ChartZoomSliderThumbOwnerState {
3
- onMove: (event: PointerEvent) => void;
4
- orientation: 'horizontal' | 'vertical';
5
- placement: 'start' | 'end';
6
- }
7
- export interface ChartZoomSliderThumbProps extends Omit<React.ComponentProps<'rect'>, 'orientation'>, ChartZoomSliderThumbOwnerState {}
8
- /**
9
- * Renders the zoom slider thumb, which is responsible for resizing the zoom range.
10
- * @internal
11
- */
12
- export declare const ChartAxisZoomSliderThumb: React.ForwardRefExoticComponent<Omit<ChartZoomSliderThumbProps, "ref"> & React.RefAttributes<SVGRectElement>>;
@@ -1,15 +0,0 @@
1
- import type { ChartAxisZoomSliderActiveTrackProps } from "./ChartAxisZoomSliderActiveTrack.js";
2
- export interface ChartAxisZoomSliderTrackClasses {
3
- /** Styles applied to the root element when it is horizontal. */
4
- horizontal: string;
5
- /** Styles applied to the root element when it is vertical. */
6
- vertical: string;
7
- /** Styles applied to the root element to the active part of the track. */
8
- active: string;
9
- /** Styles applied to the root element to the background part of the track. */
10
- background: string;
11
- }
12
- export type ChartAxisZoomSliderTrackClassKey = keyof ChartAxisZoomSliderTrackClasses;
13
- export declare const chartAxisZoomSliderTrackClasses: ChartAxisZoomSliderTrackClasses;
14
- export declare function getAxisZoomSliderTrackUtilityClass(slot: string): string;
15
- export declare const useUtilityClasses: (props: Partial<ChartAxisZoomSliderActiveTrackProps>) => Record<"background" | "active", string>;