@mui/x-charts-pro 9.0.0-beta.0 → 9.0.0-rc.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 (56) hide show
  1. package/BarChartPro/BarChartPro.js +18 -18
  2. package/BarChartPro/BarChartPro.mjs +18 -18
  3. package/CHANGELOG.md +155 -1
  4. package/ChartsDataProviderPro/ChartsDataProviderPro.js +2 -2
  5. package/ChartsDataProviderPro/ChartsDataProviderPro.mjs +2 -2
  6. package/ChartsZoomSlider/internals/ChartsAxisZoomSlider.js +59 -8
  7. package/ChartsZoomSlider/internals/ChartsAxisZoomSlider.mjs +60 -9
  8. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderActiveTrack.d.mts +5 -1
  9. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderActiveTrack.d.ts +5 -1
  10. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderActiveTrack.js +66 -22
  11. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderActiveTrack.mjs +69 -23
  12. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderPreview.d.mts +6 -1
  13. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderPreview.d.ts +6 -1
  14. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderPreview.js +6 -4
  15. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderPreview.mjs +6 -4
  16. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderPreviewContent.d.mts +5 -1
  17. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderPreviewContent.d.ts +5 -1
  18. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderThumb.d.mts +4 -1
  19. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderThumb.d.ts +4 -1
  20. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderThumb.js +93 -47
  21. package/ChartsZoomSlider/internals/ChartsAxisZoomSliderThumb.mjs +94 -48
  22. package/ChartsZoomSlider/internals/constants.d.mts +5 -0
  23. package/ChartsZoomSlider/internals/constants.d.ts +5 -0
  24. package/ChartsZoomSlider/internals/constants.js +6 -1
  25. package/ChartsZoomSlider/internals/constants.mjs +5 -0
  26. package/ChartsZoomSlider/internals/previews/AreaPreviewPlot.d.mts +3 -2
  27. package/ChartsZoomSlider/internals/previews/AreaPreviewPlot.d.ts +3 -2
  28. package/ChartsZoomSlider/internals/previews/AreaPreviewPlot.js +4 -2
  29. package/ChartsZoomSlider/internals/previews/AreaPreviewPlot.mjs +4 -2
  30. package/ChartsZoomSlider/internals/previews/BarPreviewPlot.js +14 -9
  31. package/ChartsZoomSlider/internals/previews/BarPreviewPlot.mjs +13 -9
  32. package/ChartsZoomSlider/internals/previews/LineAreaPreviewPlot.d.mts +2 -1
  33. package/ChartsZoomSlider/internals/previews/LineAreaPreviewPlot.d.ts +2 -1
  34. package/ChartsZoomSlider/internals/previews/LineAreaPreviewPlot.js +6 -3
  35. package/ChartsZoomSlider/internals/previews/LineAreaPreviewPlot.mjs +6 -3
  36. package/ChartsZoomSlider/internals/previews/LinePreviewPlot.d.mts +3 -2
  37. package/ChartsZoomSlider/internals/previews/LinePreviewPlot.d.ts +3 -2
  38. package/ChartsZoomSlider/internals/previews/LinePreviewPlot.js +6 -1
  39. package/ChartsZoomSlider/internals/previews/LinePreviewPlot.mjs +6 -1
  40. package/ChartsZoomSlider/internals/previews/PreviewPlot.types.d.mts +5 -1
  41. package/ChartsZoomSlider/internals/previews/PreviewPlot.types.d.ts +5 -1
  42. package/ChartsZoomSlider/internals/previews/ScatterPreviewPlot.d.mts +2 -1
  43. package/ChartsZoomSlider/internals/previews/ScatterPreviewPlot.d.ts +2 -1
  44. package/ChartsZoomSlider/internals/previews/ScatterPreviewPlot.js +7 -1
  45. package/ChartsZoomSlider/internals/previews/ScatterPreviewPlot.mjs +7 -1
  46. package/Heatmap/Heatmap.js +2 -2
  47. package/Heatmap/Heatmap.mjs +2 -2
  48. package/LineChartPro/LineChartPro.js +18 -18
  49. package/LineChartPro/LineChartPro.mjs +18 -18
  50. package/ScatterChartPro/ScatterChartPro.js +18 -18
  51. package/ScatterChartPro/ScatterChartPro.mjs +18 -18
  52. package/index.d.mts +1 -0
  53. package/index.d.ts +1 -0
  54. package/index.js +13 -1
  55. package/index.mjs +2 -1
  56. package/package.json +133 -133
@@ -488,7 +488,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
488
488
  panning: _propTypes.default.bool,
489
489
  slider: _propTypes.default.shape({
490
490
  enabled: _propTypes.default.bool,
491
- preview: _propTypes.default.bool,
491
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
492
492
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
493
493
  size: _propTypes.default.number
494
494
  }),
@@ -562,7 +562,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
562
562
  panning: _propTypes.default.bool,
563
563
  slider: _propTypes.default.shape({
564
564
  enabled: _propTypes.default.bool,
565
- preview: _propTypes.default.bool,
565
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
566
566
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
567
567
  size: _propTypes.default.number
568
568
  }),
@@ -623,7 +623,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
623
623
  panning: _propTypes.default.bool,
624
624
  slider: _propTypes.default.shape({
625
625
  enabled: _propTypes.default.bool,
626
- preview: _propTypes.default.bool,
626
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
627
627
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
628
628
  size: _propTypes.default.number
629
629
  }),
@@ -685,7 +685,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
685
685
  panning: _propTypes.default.bool,
686
686
  slider: _propTypes.default.shape({
687
687
  enabled: _propTypes.default.bool,
688
- preview: _propTypes.default.bool,
688
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
689
689
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
690
690
  size: _propTypes.default.number
691
691
  }),
@@ -746,7 +746,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
746
746
  panning: _propTypes.default.bool,
747
747
  slider: _propTypes.default.shape({
748
748
  enabled: _propTypes.default.bool,
749
- preview: _propTypes.default.bool,
749
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
750
750
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
751
751
  size: _propTypes.default.number
752
752
  }),
@@ -807,7 +807,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
807
807
  panning: _propTypes.default.bool,
808
808
  slider: _propTypes.default.shape({
809
809
  enabled: _propTypes.default.bool,
810
- preview: _propTypes.default.bool,
810
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
811
811
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
812
812
  size: _propTypes.default.number
813
813
  }),
@@ -872,7 +872,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
872
872
  panning: _propTypes.default.bool,
873
873
  slider: _propTypes.default.shape({
874
874
  enabled: _propTypes.default.bool,
875
- preview: _propTypes.default.bool,
875
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
876
876
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
877
877
  size: _propTypes.default.number
878
878
  }),
@@ -937,7 +937,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
937
937
  panning: _propTypes.default.bool,
938
938
  slider: _propTypes.default.shape({
939
939
  enabled: _propTypes.default.bool,
940
- preview: _propTypes.default.bool,
940
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
941
941
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
942
942
  size: _propTypes.default.number
943
943
  }),
@@ -998,7 +998,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
998
998
  panning: _propTypes.default.bool,
999
999
  slider: _propTypes.default.shape({
1000
1000
  enabled: _propTypes.default.bool,
1001
- preview: _propTypes.default.bool,
1001
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
1002
1002
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
1003
1003
  size: _propTypes.default.number
1004
1004
  }),
@@ -1079,7 +1079,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1079
1079
  panning: _propTypes.default.bool,
1080
1080
  slider: _propTypes.default.shape({
1081
1081
  enabled: _propTypes.default.bool,
1082
- preview: _propTypes.default.bool,
1082
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
1083
1083
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
1084
1084
  size: _propTypes.default.number
1085
1085
  }),
@@ -1152,7 +1152,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1152
1152
  panning: _propTypes.default.bool,
1153
1153
  slider: _propTypes.default.shape({
1154
1154
  enabled: _propTypes.default.bool,
1155
- preview: _propTypes.default.bool,
1155
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
1156
1156
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
1157
1157
  size: _propTypes.default.number
1158
1158
  }),
@@ -1212,7 +1212,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1212
1212
  panning: _propTypes.default.bool,
1213
1213
  slider: _propTypes.default.shape({
1214
1214
  enabled: _propTypes.default.bool,
1215
- preview: _propTypes.default.bool,
1215
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
1216
1216
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
1217
1217
  size: _propTypes.default.number
1218
1218
  }),
@@ -1273,7 +1273,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1273
1273
  panning: _propTypes.default.bool,
1274
1274
  slider: _propTypes.default.shape({
1275
1275
  enabled: _propTypes.default.bool,
1276
- preview: _propTypes.default.bool,
1276
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
1277
1277
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
1278
1278
  size: _propTypes.default.number
1279
1279
  }),
@@ -1333,7 +1333,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1333
1333
  panning: _propTypes.default.bool,
1334
1334
  slider: _propTypes.default.shape({
1335
1335
  enabled: _propTypes.default.bool,
1336
- preview: _propTypes.default.bool,
1336
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
1337
1337
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
1338
1338
  size: _propTypes.default.number
1339
1339
  }),
@@ -1393,7 +1393,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1393
1393
  panning: _propTypes.default.bool,
1394
1394
  slider: _propTypes.default.shape({
1395
1395
  enabled: _propTypes.default.bool,
1396
- preview: _propTypes.default.bool,
1396
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
1397
1397
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
1398
1398
  size: _propTypes.default.number
1399
1399
  }),
@@ -1457,7 +1457,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1457
1457
  panning: _propTypes.default.bool,
1458
1458
  slider: _propTypes.default.shape({
1459
1459
  enabled: _propTypes.default.bool,
1460
- preview: _propTypes.default.bool,
1460
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
1461
1461
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
1462
1462
  size: _propTypes.default.number
1463
1463
  }),
@@ -1521,7 +1521,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1521
1521
  panning: _propTypes.default.bool,
1522
1522
  slider: _propTypes.default.shape({
1523
1523
  enabled: _propTypes.default.bool,
1524
- preview: _propTypes.default.bool,
1524
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
1525
1525
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
1526
1526
  size: _propTypes.default.number
1527
1527
  }),
@@ -1581,7 +1581,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1581
1581
  panning: _propTypes.default.bool,
1582
1582
  slider: _propTypes.default.shape({
1583
1583
  enabled: _propTypes.default.bool,
1584
- preview: _propTypes.default.bool,
1584
+ preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
1585
1585
  showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
1586
1586
  size: _propTypes.default.number
1587
1587
  }),
@@ -481,7 +481,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
481
481
  panning: PropTypes.bool,
482
482
  slider: PropTypes.shape({
483
483
  enabled: PropTypes.bool,
484
- preview: PropTypes.bool,
484
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
485
485
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
486
486
  size: PropTypes.number
487
487
  }),
@@ -555,7 +555,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
555
555
  panning: PropTypes.bool,
556
556
  slider: PropTypes.shape({
557
557
  enabled: PropTypes.bool,
558
- preview: PropTypes.bool,
558
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
559
559
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
560
560
  size: PropTypes.number
561
561
  }),
@@ -616,7 +616,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
616
616
  panning: PropTypes.bool,
617
617
  slider: PropTypes.shape({
618
618
  enabled: PropTypes.bool,
619
- preview: PropTypes.bool,
619
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
620
620
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
621
621
  size: PropTypes.number
622
622
  }),
@@ -678,7 +678,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
678
678
  panning: PropTypes.bool,
679
679
  slider: PropTypes.shape({
680
680
  enabled: PropTypes.bool,
681
- preview: PropTypes.bool,
681
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
682
682
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
683
683
  size: PropTypes.number
684
684
  }),
@@ -739,7 +739,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
739
739
  panning: PropTypes.bool,
740
740
  slider: PropTypes.shape({
741
741
  enabled: PropTypes.bool,
742
- preview: PropTypes.bool,
742
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
743
743
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
744
744
  size: PropTypes.number
745
745
  }),
@@ -800,7 +800,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
800
800
  panning: PropTypes.bool,
801
801
  slider: PropTypes.shape({
802
802
  enabled: PropTypes.bool,
803
- preview: PropTypes.bool,
803
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
804
804
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
805
805
  size: PropTypes.number
806
806
  }),
@@ -865,7 +865,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
865
865
  panning: PropTypes.bool,
866
866
  slider: PropTypes.shape({
867
867
  enabled: PropTypes.bool,
868
- preview: PropTypes.bool,
868
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
869
869
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
870
870
  size: PropTypes.number
871
871
  }),
@@ -930,7 +930,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
930
930
  panning: PropTypes.bool,
931
931
  slider: PropTypes.shape({
932
932
  enabled: PropTypes.bool,
933
- preview: PropTypes.bool,
933
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
934
934
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
935
935
  size: PropTypes.number
936
936
  }),
@@ -991,7 +991,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
991
991
  panning: PropTypes.bool,
992
992
  slider: PropTypes.shape({
993
993
  enabled: PropTypes.bool,
994
- preview: PropTypes.bool,
994
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
995
995
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
996
996
  size: PropTypes.number
997
997
  }),
@@ -1072,7 +1072,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1072
1072
  panning: PropTypes.bool,
1073
1073
  slider: PropTypes.shape({
1074
1074
  enabled: PropTypes.bool,
1075
- preview: PropTypes.bool,
1075
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
1076
1076
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
1077
1077
  size: PropTypes.number
1078
1078
  }),
@@ -1145,7 +1145,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1145
1145
  panning: PropTypes.bool,
1146
1146
  slider: PropTypes.shape({
1147
1147
  enabled: PropTypes.bool,
1148
- preview: PropTypes.bool,
1148
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
1149
1149
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
1150
1150
  size: PropTypes.number
1151
1151
  }),
@@ -1205,7 +1205,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1205
1205
  panning: PropTypes.bool,
1206
1206
  slider: PropTypes.shape({
1207
1207
  enabled: PropTypes.bool,
1208
- preview: PropTypes.bool,
1208
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
1209
1209
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
1210
1210
  size: PropTypes.number
1211
1211
  }),
@@ -1266,7 +1266,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1266
1266
  panning: PropTypes.bool,
1267
1267
  slider: PropTypes.shape({
1268
1268
  enabled: PropTypes.bool,
1269
- preview: PropTypes.bool,
1269
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
1270
1270
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
1271
1271
  size: PropTypes.number
1272
1272
  }),
@@ -1326,7 +1326,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1326
1326
  panning: PropTypes.bool,
1327
1327
  slider: PropTypes.shape({
1328
1328
  enabled: PropTypes.bool,
1329
- preview: PropTypes.bool,
1329
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
1330
1330
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
1331
1331
  size: PropTypes.number
1332
1332
  }),
@@ -1386,7 +1386,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1386
1386
  panning: PropTypes.bool,
1387
1387
  slider: PropTypes.shape({
1388
1388
  enabled: PropTypes.bool,
1389
- preview: PropTypes.bool,
1389
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
1390
1390
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
1391
1391
  size: PropTypes.number
1392
1392
  }),
@@ -1450,7 +1450,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1450
1450
  panning: PropTypes.bool,
1451
1451
  slider: PropTypes.shape({
1452
1452
  enabled: PropTypes.bool,
1453
- preview: PropTypes.bool,
1453
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
1454
1454
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
1455
1455
  size: PropTypes.number
1456
1456
  }),
@@ -1514,7 +1514,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1514
1514
  panning: PropTypes.bool,
1515
1515
  slider: PropTypes.shape({
1516
1516
  enabled: PropTypes.bool,
1517
- preview: PropTypes.bool,
1517
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
1518
1518
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
1519
1519
  size: PropTypes.number
1520
1520
  }),
@@ -1574,7 +1574,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
1574
1574
  panning: PropTypes.bool,
1575
1575
  slider: PropTypes.shape({
1576
1576
  enabled: PropTypes.bool,
1577
- preview: PropTypes.bool,
1577
+ preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
1578
1578
  showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
1579
1579
  size: PropTypes.number
1580
1580
  }),
package/CHANGELOG.md CHANGED
@@ -1,5 +1,159 @@
1
1
  # Changelog
2
2
 
3
+ ## 9.0.0-rc.0
4
+
5
+ <!-- generated comparing v9.0.0-beta.0..master -->
6
+
7
+ _Apr 7, 2026_
8
+
9
+ We'd like to extend a big thank you to the 18 contributors who made this release possible.
10
+
11
+ Special thanks go out to these community members for their valuable contributions:
12
+ @mixelburg, @sibananda485, @youjin-hong
13
+
14
+ The following team members contributed to this release:
15
+ @aemartos, @alexfauquette, @arminmeh, @brijeshb42, @flaviendelangle, @JCQuintas, @LukasTy, @mapache-salvaje, @MBilalShafi, @michelengelen, @noraleonte, @rita-codes, @romgrk, @siriwatknp, @ZeeshanTamboli
16
+
17
+ ### Data Grid
18
+
19
+ #### `@mui/x-data-grid@9.0.0-rc.0`
20
+
21
+ - [DataGrid] Rename filter panel `Columns` label to singular `Column` (#21935) @youjin-hong
22
+ - [DataGrid] Export `GridColumnUnsortedIconProps` for custom column icon slots (#21658) @mixelburg
23
+ - [DataGrid] Remove `x-virtualizer`'s `virtualScroller` from public API (#21936) @romgrk
24
+ - [DataGrid][virtualizer] Scrolling without render gaps (#21616) @romgrk
25
+
26
+ #### `@mui/x-data-grid-pro@9.0.0-rc.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
27
+
28
+ Same changes as in `@mui/x-data-grid@9.0.0-rc.0`, plus:
29
+
30
+ - [DataGridPro] Improve trigger for nested row reordering (#21642) @MBilalShafi
31
+ - [DataGridPro] Undeprecate `onRowsScrollEnd` prop (#21912) @MBilalShafi
32
+
33
+ #### `@mui/x-data-grid-premium@9.0.0-rc.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
34
+
35
+ Same changes as in `@mui/x-data-grid-pro@9.0.0-rc.0`, plus:
36
+
37
+ - [DataGridPremium] Fix clipboard paste issue in portal (#21931) @sibananda485
38
+
39
+ ### Date and Time Pickers
40
+
41
+ #### Breaking changes
42
+
43
+ - Accessible DOM structure is now the only default. [Read more](https://next.mui.com/x/migration/migration-pickers-v8/#accessible-dom-structure-is-now-the-default)
44
+ - The `PickerDay2` and `DateRangePickerDay2` components were propagated to stable while removing the previous defaults. [Read more](https://next.mui.com/x/migration/migration-pickers-v8/#day-slot)
45
+
46
+ #### `@mui/x-date-pickers@9.0.0-rc.0`
47
+
48
+ - [pickers] Remove `PickersDay` and `DateRangePickerDay` and promote their `2` versions as replacements (#21739) @michelengelen
49
+
50
+ #### `@mui/x-date-pickers-pro@9.0.0-rc.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
51
+
52
+ Same changes as in `@mui/x-date-pickers@9.0.0-rc.0`.
53
+
54
+ ### Charts
55
+
56
+ #### `@mui/x-charts@9.0.0-rc.0.0`
57
+
58
+ - [charts] Make line visibility toggle start from the baseline (#21893) @alexfauquette
59
+ - [charts] Remove the container overflow (#21955) @alexfauquette
60
+ - [charts] Revert `theme.alpha` for non-channel token (#21965) @siriwatknp
61
+
62
+ #### `@mui/x-charts-pro@9.0.0-rc.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
63
+
64
+ Same changes as in `@mui/x-charts@9.0.0-rc.0.0`, plus:
65
+
66
+ - [charts-pro] Zoom slider touch improvements (#21832) @JCQuintas
67
+ - [charts-pro] Add `seriesIds` filter to zoom slider preview (#21933) @JCQuintas
68
+ - [charts-pro] Fix zoom slider preview with discard filter mode (#21883) @JCQuintas
69
+
70
+ #### `@mui/x-charts-premium@9.0.0-rc.0.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
71
+
72
+ Same changes as in `@mui/x-charts-pro@9.0.0-rc.0.0`, plus:
73
+
74
+ - [charts-premium] Add series `valueFormatter` to candlestick chart (#21905) @JCQuintas
75
+ - [charts-premium] Add zoom slider preview support for candlestick charts (#21914) @JCQuintas
76
+ - [charts-premium] Allow color customization in `Candlestick` chart (#21838) @JCQuintas
77
+ - [charts-premium] Support hide/show for OHLC (candlestick) series (#21807) @Copilot
78
+ - [charts-premium] Add `dataset` support to `Candlestick` chart (#21872) @JCQuintas
79
+ - [charts-premium] Add candlestick page to sidebar navigation (#21834) @JCQuintas
80
+
81
+ ### Tree View
82
+
83
+ #### `@mui/x-tree-view@9.0.0-rc.0`
84
+
85
+ Internal changes.
86
+
87
+ #### `@mui/x-tree-view-pro@9.0.0-rc.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
88
+
89
+ Same changes as in `@mui/x-tree-view@9.0.0-rc.0`, plus:
90
+
91
+ - [RichTreeViewPro] Allow to auto-expand lazy loaded items (#21759) @flaviendelangle
92
+
93
+ ### Scheduler
94
+
95
+ #### `@mui/x-scheduler@9.0.0-alpha.0`
96
+
97
+ - [scheduler] Add locale files, adapt l10n scripts, and add localization table to docs (#21870) @rita-codes
98
+ - [scheduler] Add planned features to the docs (#21705) @rita-codes
99
+ - [scheduler] Add scheduler to docs introduction (#21845) @rita-codes
100
+ - [scheduler] Add wide docs to scheduler (#21860) @noraleonte
101
+ - [scheduler] All day event bugfixes (#21884) @noraleonte
102
+ - [scheduler] Autofocus title field (#21947) @noraleonte
103
+ - [scheduler] Change default event creation trigger to single click (#21979) @rita-codes
104
+ - [scheduler] Change order of the views on the view selector (#21904) @rita-codes
105
+ - [scheduler] Disabled border color for the repeat day picker in dark mode (#21987) @rita-codes
106
+ - [scheduler] Drop unused dependency (#21956) @flaviendelangle
107
+ - [scheduler] Fix all-day event shifting to previous day in negative UTC offsets (#21994) @rita-codes
108
+ - [scheduler] Fix dark theme localization demos (#21992) @noraleonte
109
+ - [scheduler] Fix licensing confusion in docs (#21939) @rita-codes
110
+ - [scheduler] Fix preferences menu width shift when toggling options + Improve preferences menu accessibility (#21902) @rita-codes
111
+ - [scheduler] Prepare for the alpha launch (#21859) @rita-codes
112
+ - [scheduler] Sync Base UI internals and apply good practices (#21946) @flaviendelangle
113
+ - [scheduler] Update close modal aria label translation (#21940) @rita-codes
114
+ - [scheduler] Add Spanish (es-ES) locale (#21900) @rita-codes
115
+ - [scheduler] Improve French (fr-FR) locale (#21941) @rita-codes
116
+ - [scheduler] Improve Romanian (ro-RO) locale (#21942) @rita-codes
117
+
118
+ #### `@mui/x-scheduler-premium@9.0.0-alpha.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
119
+
120
+ Same changes as in `@mui/x-scheduler@9.0.0-alpha.0`.
121
+
122
+ ### Codemod
123
+
124
+ #### `@mui/x-codemod@9.0.0-rc.0`
125
+
126
+ Internal changes.
127
+
128
+ ### Docs
129
+
130
+ - [docs] Fix JSDOM → jsdom casing (#21907) @JCQuintas
131
+ - [docs] Remove Joy UI references and dependency (#21937) @siriwatknp
132
+ - [docs] Remove none generated files (#21886) @alexfauquette
133
+ - [docs] Remove unused interactive demo code (#21945) @LukasTy
134
+ - [docs] Revise the Funnel doc (#21677) @mapache-salvaje
135
+ - [docs] Revise the Line chart docs (#21554) @mapache-salvaje
136
+ - [docs] Revise the Radar doc (#21674) @mapache-salvaje
137
+ - [docs] Revise the Sankey doc (#21678) @mapache-salvaje
138
+ - [docs] Revise the Scatter chart docs (#21564) @mapache-salvaje
139
+
140
+ ### Core
141
+
142
+ - [docs-infra] Update to the latest monorepo (#21971) @brijeshb42
143
+ - [internal] Remove checks for `materialVersion >= 6` (#21975) @LukasTy
144
+
145
+ ### Miscellaneous
146
+
147
+ - [core] Bump @mui/material to v9.0.0-beta.1 (#21858) @siriwatknp
148
+ - [core] Update browserslistrc (#21974) @siriwatknp
149
+ - [deps] Bump minimum core packages to 7.3.0 to adopt theme color manipulator (#21892) @siriwatknp
150
+ - [telemetry] Prefer upstream remote over origin for `projectId` (#21882) @aemartos
151
+ - [telemetry] Send `repoHash`, `[x]packageNameHash`, and `rootPathHash` alongside `projectId` (#21896) @aemartos
152
+ - [test] Exclude flaky `DataGrid` argos test (#21977) @MBilalShafi
153
+ - [test] Fix flaky `DataGrid` test (#22000) @arminmeh
154
+ - [test] Remove `componentsProp` test from `describeConformance` (#21897) @ZeeshanTamboli
155
+ - [x-license] Change `orderId` type from `number` to `string` (#21885) @aemartos
156
+
3
157
  ## 9.0.0-beta.0
4
158
 
5
159
  <!-- generated comparing v9.0.0-alpha.4..master -->
@@ -313,7 +467,7 @@ Same changes as in `@mui/x-charts-pro@9.0.0-alpha.3`, plus:
313
467
  - Remove deprecated CSS state classes from `treeItemClasses`: `expanded`, `selected`, `focused`, `disabled`, `editable`, `editing` (use `[data-expanded]`, `[data-selected]`, etc.)
314
468
  - The `<RichTreeViewPro />` component has now virtualization enabled by default.
315
469
  - The items used inside the `<RichTreeViewPro />` now have a default height of `32px`.
316
- - The events of the `<RichTreeViewPro />` are now rendered as a flat list instead of a nested tree.
470
+ - The items of the `<RichTreeViewPro />` are now rendered as a flat list instead of a nested tree.
317
471
 
318
472
  #### `@mui/x-tree-view@9.0.0-alpha.3`
319
473
 
@@ -18,8 +18,8 @@ var _useChartsDataProviderProProps = require("./useChartsDataProviderProProps");
18
18
  var _ChartsWatermark = require("../internals/ChartsWatermark");
19
19
  var _jsxRuntime = require("react/jsx-runtime");
20
20
  const packageInfo = {
21
- releaseDate: "MTc3NDU2OTYwMDAwMA==",
22
- version: "9.0.0-beta.0",
21
+ releaseDate: "MTc3NTUyMDAwMDAwMA==",
22
+ version: "9.0.0-rc.0",
23
23
  name: 'x-charts-pro'
24
24
  };
25
25
  const defaultSeriesConfigPro = exports.defaultSeriesConfigPro = _internals.defaultSeriesConfig;
@@ -11,8 +11,8 @@ import { useChartsDataProviderProProps } from "./useChartsDataProviderProProps.m
11
11
  import { ChartsWatermark } from "../internals/ChartsWatermark.mjs";
12
12
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
13
  const packageInfo = {
14
- releaseDate: "MTc3NDU2OTYwMDAwMA==",
15
- version: "9.0.0-beta.0",
14
+ releaseDate: "MTc3NTUyMDAwMDAwMA==",
15
+ version: "9.0.0-rc.0",
16
16
  name: 'x-charts-pro'
17
17
  };
18
18
  export const defaultSeriesConfigPro = defaultSeriesConfig;
@@ -34,7 +34,57 @@ function ChartsAxisZoomSlider({
34
34
  const {
35
35
  yAxis
36
36
  } = (0, _hooks.useYAxes)();
37
- const showPreview = zoomOptions.slider.preview;
37
+ const previewOption = zoomOptions.slider.preview;
38
+ const showPreview = !!previewOption;
39
+ const previewSeriesIds = typeof previewOption === 'object' ? previewOption.seriesIds : undefined;
40
+ const sliderRef = React.useRef(null);
41
+ const layerContainerRef = (0, _hooks.useChartsLayerContainerRef)();
42
+ const isDraggingRef = React.useRef(false);
43
+
44
+ // Prevent scrolling on touch devices when interacting with the zoom slider.
45
+ // Listeners are attached to the parent `<svg>` element because calling
46
+ // `preventDefault` on SVG child elements does not reliably block scrolling —
47
+ // the browser's compositor decides based on the `<svg>` HTML element.
48
+ React.useEffect(() => {
49
+ const slider = sliderRef.current;
50
+ const layerContainer = layerContainerRef.current;
51
+ if (!slider || !layerContainer) {
52
+ return undefined;
53
+ }
54
+ function preventTouchDefault(event) {
55
+ if (slider && slider.contains(event.target)) {
56
+ event.preventDefault();
57
+ }
58
+ }
59
+ layerContainer.addEventListener('touchstart', preventTouchDefault, {
60
+ passive: false
61
+ });
62
+ layerContainer.addEventListener('touchmove', preventTouchDefault, {
63
+ passive: false
64
+ });
65
+ return () => {
66
+ layerContainer.removeEventListener('touchstart', preventTouchDefault);
67
+ layerContainer.removeEventListener('touchmove', preventTouchDefault);
68
+ };
69
+ }, [layerContainerRef]);
70
+ const tooltipOn = React.useCallback(() => {
71
+ setShowTooltip(true);
72
+ }, []);
73
+ const tooltipOff = React.useCallback(() => {
74
+ // Don't hide tooltip while dragging — pointerleave fires when the pointer
75
+ // moves away from the element during drag, but we want to keep the tooltip visible.
76
+ if (!isDraggingRef.current) {
77
+ setShowTooltip(false);
78
+ }
79
+ }, []);
80
+ const interactionStart = React.useCallback(() => {
81
+ isDraggingRef.current = true;
82
+ setShowTooltip(true);
83
+ }, []);
84
+ const interactionEnd = React.useCallback(() => {
85
+ isDraggingRef.current = false;
86
+ setShowTooltip(false);
87
+ }, []);
38
88
  if (!zoomData) {
39
89
  return null;
40
90
  }
@@ -72,6 +122,7 @@ function ChartsAxisZoomSlider({
72
122
  axisId: axisId,
73
123
  axisDirection: axisDirection,
74
124
  reverse: reverse,
125
+ seriesIds: previewSeriesIds,
75
126
  x: 0,
76
127
  y: 0,
77
128
  height: axisDirection === 'x' ? _internals.ZOOM_SLIDER_PREVIEW_SIZE : drawingArea.height,
@@ -86,15 +137,13 @@ function ChartsAxisZoomSlider({
86
137
  axisId: axisId,
87
138
  axisDirection: axisDirection,
88
139
  reverse: reverse,
89
- onSelectStart: tooltipConditions === 'hover' ? () => setShowTooltip(true) : undefined,
90
- onSelectEnd: tooltipConditions === 'hover' ? () => setShowTooltip(false) : undefined
140
+ onSelectStart: tooltipConditions === 'hover' ? interactionStart : undefined,
141
+ onSelectEnd: tooltipConditions === 'hover' ? interactionEnd : undefined
91
142
  });
92
143
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
144
+ ref: sliderRef,
93
145
  "data-charts-zoom-slider": true,
94
146
  transform: `translate(${x} ${y})`,
95
- style: {
96
- touchAction: 'none'
97
- },
98
147
  children: [track, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisZoomSliderActiveTrack.ChartsAxisZoomSliderActiveTrack, {
99
148
  zoomData: zoomData,
100
149
  axisId: axisId,
@@ -104,8 +153,10 @@ function ChartsAxisZoomSlider({
104
153
  showTooltip: showTooltip && tooltipConditions !== 'never' || tooltipConditions === 'always',
105
154
  size: showPreview ? _internals.ZOOM_SLIDER_PREVIEW_SIZE : _constants.ZOOM_SLIDER_ACTIVE_TRACK_SIZE,
106
155
  preview: showPreview,
107
- onPointerEnter: tooltipConditions === 'hover' ? () => setShowTooltip(true) : undefined,
108
- onPointerLeave: tooltipConditions === 'hover' ? () => setShowTooltip(false) : undefined
156
+ onPointerEnter: tooltipConditions === 'hover' ? tooltipOn : undefined,
157
+ onPointerLeave: tooltipConditions === 'hover' ? tooltipOff : undefined,
158
+ onInteractionStart: tooltipConditions === 'hover' ? interactionStart : undefined,
159
+ onInteractionEnd: tooltipConditions === 'hover' ? interactionEnd : undefined
109
160
  })]
110
161
  });
111
162
  }