@mui/x-charts 9.0.1 → 9.0.2

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 (118) hide show
  1. package/BarChart/BarChart.js +27 -9
  2. package/BarChart/BarChart.mjs +27 -9
  3. package/BarChart/BarElement.js +1 -5
  4. package/BarChart/BarElement.mjs +1 -5
  5. package/BarChart/seriesConfig/bar/getSeriesWithDefaultValues.d.mts +1 -0
  6. package/BarChart/seriesConfig/bar/getSeriesWithDefaultValues.d.ts +1 -0
  7. package/BarChart/seriesConfig/bar/seriesProcessor.js +37 -13
  8. package/BarChart/seriesConfig/bar/seriesProcessor.mjs +37 -13
  9. package/CHANGELOG.md +121 -0
  10. package/ChartsContainer/ChartsContainer.js +59 -30
  11. package/ChartsContainer/ChartsContainer.mjs +59 -30
  12. package/ChartsDataProvider/useChartsDataProviderProps.js +1 -6
  13. package/ChartsDataProvider/useChartsDataProviderProps.mjs +1 -6
  14. package/ChartsGrid/styledComponents.js +2 -2
  15. package/ChartsGrid/styledComponents.mjs +2 -2
  16. package/ChartsRadialDataProvider/ChartsRadialDataProvider.d.mts +38 -0
  17. package/ChartsRadialDataProvider/ChartsRadialDataProvider.d.ts +38 -0
  18. package/ChartsRadialDataProvider/ChartsRadialDataProvider.js +115 -0
  19. package/ChartsRadialDataProvider/ChartsRadialDataProvider.mjs +109 -0
  20. package/ChartsRadialDataProvider/ChartsRadialDataProvider.plugins.d.mts +9 -0
  21. package/ChartsRadialDataProvider/ChartsRadialDataProvider.plugins.d.ts +9 -0
  22. package/ChartsRadialDataProvider/ChartsRadialDataProvider.plugins.js +13 -0
  23. package/ChartsRadialDataProvider/ChartsRadialDataProvider.plugins.mjs +7 -0
  24. package/ChartsRadialDataProvider/index.d.mts +2 -0
  25. package/ChartsRadialDataProvider/index.d.ts +2 -0
  26. package/ChartsRadialDataProvider/index.js +27 -0
  27. package/ChartsRadialDataProvider/index.mjs +2 -0
  28. package/ChartsRadialDataProvider/useChartsRadialDataProviderProps.d.mts +13 -0
  29. package/ChartsRadialDataProvider/useChartsRadialDataProviderProps.d.ts +13 -0
  30. package/ChartsRadialDataProvider/useChartsRadialDataProviderProps.js +46 -0
  31. package/ChartsRadialDataProvider/useChartsRadialDataProviderProps.mjs +39 -0
  32. package/ChartsRadialGrid/ChartsRadialGrid.d.mts +33 -0
  33. package/ChartsRadialGrid/ChartsRadialGrid.d.ts +33 -0
  34. package/ChartsRadialGrid/ChartsRadialGrid.js +99 -0
  35. package/ChartsRadialGrid/ChartsRadialGrid.mjs +94 -0
  36. package/ChartsRadialGrid/ChartsRadiusGrid.d.mts +13 -0
  37. package/ChartsRadialGrid/ChartsRadiusGrid.d.ts +13 -0
  38. package/ChartsRadialGrid/ChartsRadiusGrid.js +73 -0
  39. package/ChartsRadialGrid/ChartsRadiusGrid.mjs +66 -0
  40. package/ChartsRadialGrid/ChartsRotationGrid.d.mts +13 -0
  41. package/ChartsRadialGrid/ChartsRotationGrid.d.ts +13 -0
  42. package/ChartsRadialGrid/ChartsRotationGrid.js +65 -0
  43. package/ChartsRadialGrid/ChartsRotationGrid.mjs +58 -0
  44. package/ChartsRadialGrid/chartsRadialGridClasses.d.mts +13 -0
  45. package/ChartsRadialGrid/chartsRadialGridClasses.d.ts +13 -0
  46. package/ChartsRadialGrid/chartsRadialGridClasses.js +14 -0
  47. package/ChartsRadialGrid/chartsRadialGridClasses.mjs +6 -0
  48. package/ChartsRadialGrid/index.d.mts +3 -0
  49. package/ChartsRadialGrid/index.d.ts +3 -0
  50. package/ChartsRadialGrid/index.js +19 -0
  51. package/ChartsRadialGrid/index.mjs +2 -0
  52. package/ChartsRadialGrid/styledComponents.d.mts +4 -0
  53. package/ChartsRadialGrid/styledComponents.d.ts +4 -0
  54. package/ChartsRadialGrid/styledComponents.js +50 -0
  55. package/ChartsRadialGrid/styledComponents.mjs +44 -0
  56. package/ChartsXAxis/useAxisTicksProps.d.mts +407 -326
  57. package/ChartsXAxis/useAxisTicksProps.d.ts +407 -326
  58. package/ChartsYAxis/useAxisTicksProps.d.mts +407 -326
  59. package/ChartsYAxis/useAxisTicksProps.d.ts +407 -326
  60. package/LineChart/LineChart.js +27 -9
  61. package/LineChart/LineChart.mjs +27 -9
  62. package/LineChart/seriesConfig/seriesProcessor.js +37 -13
  63. package/LineChart/seriesConfig/seriesProcessor.mjs +37 -13
  64. package/ScatterChart/Scatter.d.mts +11 -0
  65. package/ScatterChart/Scatter.d.ts +11 -0
  66. package/ScatterChart/Scatter.js +11 -0
  67. package/ScatterChart/Scatter.mjs +14 -0
  68. package/ScatterChart/ScatterChart.js +29 -10
  69. package/ScatterChart/ScatterChart.mjs +29 -10
  70. package/ScatterChart/seriesConfig/seriesProcessor.js +9 -4
  71. package/ScatterChart/seriesConfig/seriesProcessor.mjs +9 -4
  72. package/SparkLineChart/SparkLineChart.js +27 -9
  73. package/SparkLineChart/SparkLineChart.mjs +27 -9
  74. package/hooks/useTicks.d.mts +1 -1
  75. package/hooks/useTicks.d.ts +1 -1
  76. package/hooks/useTicks.js +21 -3
  77. package/hooks/useTicks.mjs +21 -3
  78. package/index.d.mts +2 -0
  79. package/index.d.ts +2 -0
  80. package/index.js +25 -1
  81. package/index.mjs +3 -1
  82. package/internals/material/index.js +6 -1
  83. package/internals/material/index.mjs +6 -1
  84. package/internals/plugins/featurePlugins/useChartCartesianAxis/defaultizeAxis.js +8 -12
  85. package/internals/plugins/featurePlugins/useChartCartesianAxis/defaultizeAxis.mjs +8 -12
  86. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.mts +1 -0
  87. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.ts +1 -0
  88. package/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.js +7 -4
  89. package/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.mjs +8 -5
  90. package/internals/plugins/featurePlugins/useChartPolarAxis/defaultizeAxis.js +3 -3
  91. package/internals/plugins/featurePlugins/useChartPolarAxis/defaultizeAxis.mjs +3 -3
  92. package/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.js +3 -3
  93. package/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.mjs +3 -3
  94. package/models/axis.d.mts +11 -2
  95. package/models/axis.d.ts +11 -2
  96. package/models/seriesType/bar.d.mts +9 -0
  97. package/models/seriesType/bar.d.ts +9 -0
  98. package/models/seriesType/line.d.mts +9 -0
  99. package/models/seriesType/line.d.ts +9 -0
  100. package/models/seriesType/scatter.d.mts +9 -0
  101. package/models/seriesType/scatter.d.ts +9 -0
  102. package/models/slots/chartsBaseSlotProps.d.mts +17 -0
  103. package/models/slots/chartsBaseSlotProps.d.ts +17 -0
  104. package/models/slots/chartsBaseSlots.d.mts +7 -1
  105. package/models/slots/chartsBaseSlots.d.ts +7 -1
  106. package/models/z-axis.d.mts +9 -0
  107. package/models/z-axis.d.ts +9 -0
  108. package/package.json +31 -3
  109. package/themeAugmentation/components.d.mts +4 -0
  110. package/themeAugmentation/components.d.ts +4 -0
  111. package/themeAugmentation/overrides.d.mts +2 -0
  112. package/themeAugmentation/overrides.d.ts +2 -0
  113. package/themeAugmentation/props.d.mts +2 -0
  114. package/themeAugmentation/props.d.ts +2 -0
  115. package/utils/epsilon.d.mts +1 -0
  116. package/utils/epsilon.d.ts +1 -0
  117. package/utils/epsilon.js +7 -0
  118. package/utils/epsilon.mjs +1 -0
package/ScatterChart/ScatterChart.js CHANGED
@@ -435,7 +435,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
435
435
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
436
436
  tickSize: _propTypes.default.number,
437
437
  tickSpacing: _propTypes.default.number,
438
- valueFormatter: _propTypes.default.func
438
+ valueFormatter: _propTypes.default.func,
439
+ valueGetter: _propTypes.default.func
439
440
  }), _propTypes.default.shape({
440
441
  axis: _propTypes.default.oneOf(['x']),
441
442
  classes: _propTypes.default.object,
@@ -494,7 +495,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
494
495
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
495
496
  tickSize: _propTypes.default.number,
496
497
  tickSpacing: _propTypes.default.number,
497
- valueFormatter: _propTypes.default.func
498
+ valueFormatter: _propTypes.default.func,
499
+ valueGetter: _propTypes.default.func
498
500
  }), _propTypes.default.shape({
499
501
  axis: _propTypes.default.oneOf(['x']),
500
502
  classes: _propTypes.default.object,
@@ -540,7 +542,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
540
542
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
541
543
  tickSize: _propTypes.default.number,
542
544
  tickSpacing: _propTypes.default.number,
543
- valueFormatter: _propTypes.default.func
545
+ valueFormatter: _propTypes.default.func,
546
+ valueGetter: _propTypes.default.func
544
547
  }), _propTypes.default.shape({
545
548
  axis: _propTypes.default.oneOf(['x']),
546
549
  classes: _propTypes.default.object,
@@ -587,7 +590,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
587
590
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
588
591
  tickSize: _propTypes.default.number,
589
592
  tickSpacing: _propTypes.default.number,
590
- valueFormatter: _propTypes.default.func
593
+ valueFormatter: _propTypes.default.func,
594
+ valueGetter: _propTypes.default.func
591
595
  }), _propTypes.default.shape({
592
596
  axis: _propTypes.default.oneOf(['x']),
593
597
  classes: _propTypes.default.object,
@@ -633,7 +637,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
633
637
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
634
638
  tickSize: _propTypes.default.number,
635
639
  tickSpacing: _propTypes.default.number,
636
- valueFormatter: _propTypes.default.func
640
+ valueFormatter: _propTypes.default.func,
641
+ valueGetter: _propTypes.default.func
637
642
  }), _propTypes.default.shape({
638
643
  axis: _propTypes.default.oneOf(['x']),
639
644
  classes: _propTypes.default.object,
@@ -679,7 +684,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
679
684
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
680
685
  tickSize: _propTypes.default.number,
681
686
  tickSpacing: _propTypes.default.number,
682
- valueFormatter: _propTypes.default.func
687
+ valueFormatter: _propTypes.default.func,
688
+ valueGetter: _propTypes.default.func
683
689
  }), _propTypes.default.shape({
684
690
  axis: _propTypes.default.oneOf(['x']),
685
691
  classes: _propTypes.default.object,
@@ -729,7 +735,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
729
735
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
730
736
  tickSize: _propTypes.default.number,
731
737
  tickSpacing: _propTypes.default.number,
732
- valueFormatter: _propTypes.default.func
738
+ valueFormatter: _propTypes.default.func,
739
+ valueGetter: _propTypes.default.func
733
740
  }), _propTypes.default.shape({
734
741
  axis: _propTypes.default.oneOf(['x']),
735
742
  classes: _propTypes.default.object,
@@ -779,7 +786,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
779
786
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
780
787
  tickSize: _propTypes.default.number,
781
788
  tickSpacing: _propTypes.default.number,
782
- valueFormatter: _propTypes.default.func
789
+ valueFormatter: _propTypes.default.func,
790
+ valueGetter: _propTypes.default.func
783
791
  }), _propTypes.default.shape({
784
792
  axis: _propTypes.default.oneOf(['x']),
785
793
  classes: _propTypes.default.object,
@@ -825,7 +833,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
825
833
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
826
834
  tickSize: _propTypes.default.number,
827
835
  tickSpacing: _propTypes.default.number,
828
- valueFormatter: _propTypes.default.func
836
+ valueFormatter: _propTypes.default.func,
837
+ valueGetter: _propTypes.default.func
829
838
  })]).isRequired),
830
839
  /**
831
840
  * The configuration of the y-axes.
@@ -891,6 +900,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
891
900
  tickSize: _propTypes.default.number,
892
901
  tickSpacing: _propTypes.default.number,
893
902
  valueFormatter: _propTypes.default.func,
903
+ valueGetter: _propTypes.default.func,
894
904
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
895
905
  }), _propTypes.default.shape({
896
906
  axis: _propTypes.default.oneOf(['y']),
@@ -949,6 +959,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
949
959
  tickSize: _propTypes.default.number,
950
960
  tickSpacing: _propTypes.default.number,
951
961
  valueFormatter: _propTypes.default.func,
962
+ valueGetter: _propTypes.default.func,
952
963
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
953
964
  }), _propTypes.default.shape({
954
965
  axis: _propTypes.default.oneOf(['y']),
@@ -994,6 +1005,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
994
1005
  tickSize: _propTypes.default.number,
995
1006
  tickSpacing: _propTypes.default.number,
996
1007
  valueFormatter: _propTypes.default.func,
1008
+ valueGetter: _propTypes.default.func,
997
1009
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
998
1010
  }), _propTypes.default.shape({
999
1011
  axis: _propTypes.default.oneOf(['y']),
@@ -1040,6 +1052,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1040
1052
  tickSize: _propTypes.default.number,
1041
1053
  tickSpacing: _propTypes.default.number,
1042
1054
  valueFormatter: _propTypes.default.func,
1055
+ valueGetter: _propTypes.default.func,
1043
1056
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1044
1057
  }), _propTypes.default.shape({
1045
1058
  axis: _propTypes.default.oneOf(['y']),
@@ -1085,6 +1098,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1085
1098
  tickSize: _propTypes.default.number,
1086
1099
  tickSpacing: _propTypes.default.number,
1087
1100
  valueFormatter: _propTypes.default.func,
1101
+ valueGetter: _propTypes.default.func,
1088
1102
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1089
1103
  }), _propTypes.default.shape({
1090
1104
  axis: _propTypes.default.oneOf(['y']),
@@ -1130,6 +1144,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1130
1144
  tickSize: _propTypes.default.number,
1131
1145
  tickSpacing: _propTypes.default.number,
1132
1146
  valueFormatter: _propTypes.default.func,
1147
+ valueGetter: _propTypes.default.func,
1133
1148
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1134
1149
  }), _propTypes.default.shape({
1135
1150
  axis: _propTypes.default.oneOf(['y']),
@@ -1179,6 +1194,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1179
1194
  tickSize: _propTypes.default.number,
1180
1195
  tickSpacing: _propTypes.default.number,
1181
1196
  valueFormatter: _propTypes.default.func,
1197
+ valueGetter: _propTypes.default.func,
1182
1198
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1183
1199
  }), _propTypes.default.shape({
1184
1200
  axis: _propTypes.default.oneOf(['y']),
@@ -1228,6 +1244,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1228
1244
  tickSize: _propTypes.default.number,
1229
1245
  tickSpacing: _propTypes.default.number,
1230
1246
  valueFormatter: _propTypes.default.func,
1247
+ valueGetter: _propTypes.default.func,
1231
1248
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1232
1249
  }), _propTypes.default.shape({
1233
1250
  axis: _propTypes.default.oneOf(['y']),
@@ -1273,6 +1290,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1273
1290
  tickSize: _propTypes.default.number,
1274
1291
  tickSpacing: _propTypes.default.number,
1275
1292
  valueFormatter: _propTypes.default.func,
1293
+ valueGetter: _propTypes.default.func,
1276
1294
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1277
1295
  })]).isRequired),
1278
1296
  /**
@@ -1298,6 +1316,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1298
1316
  dataKey: _propTypes.default.string,
1299
1317
  id: _propTypes.default.string,
1300
1318
  max: _propTypes.default.number,
1301
- min: _propTypes.default.number
1319
+ min: _propTypes.default.number,
1320
+ valueGetter: _propTypes.default.func
1302
1321
  }))
1303
1322
  } : void 0;
package/ScatterChart/ScatterChart.mjs CHANGED
@@ -428,7 +428,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
428
428
  tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
429
429
  tickSize: PropTypes.number,
430
430
  tickSpacing: PropTypes.number,
431
- valueFormatter: PropTypes.func
431
+ valueFormatter: PropTypes.func,
432
+ valueGetter: PropTypes.func
432
433
  }), PropTypes.shape({
433
434
  axis: PropTypes.oneOf(['x']),
434
435
  classes: PropTypes.object,
@@ -487,7 +488,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
487
488
  tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
488
489
  tickSize: PropTypes.number,
489
490
  tickSpacing: PropTypes.number,
490
- valueFormatter: PropTypes.func
491
+ valueFormatter: PropTypes.func,
492
+ valueGetter: PropTypes.func
491
493
  }), PropTypes.shape({
492
494
  axis: PropTypes.oneOf(['x']),
493
495
  classes: PropTypes.object,
@@ -533,7 +535,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
533
535
  tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
534
536
  tickSize: PropTypes.number,
535
537
  tickSpacing: PropTypes.number,
536
- valueFormatter: PropTypes.func
538
+ valueFormatter: PropTypes.func,
539
+ valueGetter: PropTypes.func
537
540
  }), PropTypes.shape({
538
541
  axis: PropTypes.oneOf(['x']),
539
542
  classes: PropTypes.object,
@@ -580,7 +583,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
580
583
  tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
581
584
  tickSize: PropTypes.number,
582
585
  tickSpacing: PropTypes.number,
583
- valueFormatter: PropTypes.func
586
+ valueFormatter: PropTypes.func,
587
+ valueGetter: PropTypes.func
584
588
  }), PropTypes.shape({
585
589
  axis: PropTypes.oneOf(['x']),
586
590
  classes: PropTypes.object,
@@ -626,7 +630,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
626
630
  tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
627
631
  tickSize: PropTypes.number,
628
632
  tickSpacing: PropTypes.number,
629
- valueFormatter: PropTypes.func
633
+ valueFormatter: PropTypes.func,
634
+ valueGetter: PropTypes.func
630
635
  }), PropTypes.shape({
631
636
  axis: PropTypes.oneOf(['x']),
632
637
  classes: PropTypes.object,
@@ -672,7 +677,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
672
677
  tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
673
678
  tickSize: PropTypes.number,
674
679
  tickSpacing: PropTypes.number,
675
- valueFormatter: PropTypes.func
680
+ valueFormatter: PropTypes.func,
681
+ valueGetter: PropTypes.func
676
682
  }), PropTypes.shape({
677
683
  axis: PropTypes.oneOf(['x']),
678
684
  classes: PropTypes.object,
@@ -722,7 +728,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
722
728
  tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
723
729
  tickSize: PropTypes.number,
724
730
  tickSpacing: PropTypes.number,
725
- valueFormatter: PropTypes.func
731
+ valueFormatter: PropTypes.func,
732
+ valueGetter: PropTypes.func
726
733
  }), PropTypes.shape({
727
734
  axis: PropTypes.oneOf(['x']),
728
735
  classes: PropTypes.object,
@@ -772,7 +779,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
772
779
  tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
773
780
  tickSize: PropTypes.number,
774
781
  tickSpacing: PropTypes.number,
775
- valueFormatter: PropTypes.func
782
+ valueFormatter: PropTypes.func,
783
+ valueGetter: PropTypes.func
776
784
  }), PropTypes.shape({
777
785
  axis: PropTypes.oneOf(['x']),
778
786
  classes: PropTypes.object,
@@ -818,7 +826,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
818
826
  tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
819
827
  tickSize: PropTypes.number,
820
828
  tickSpacing: PropTypes.number,
821
- valueFormatter: PropTypes.func
829
+ valueFormatter: PropTypes.func,
830
+ valueGetter: PropTypes.func
822
831
  })]).isRequired),
823
832
  /**
824
833
  * The configuration of the y-axes.
@@ -884,6 +893,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
884
893
  tickSize: PropTypes.number,
885
894
  tickSpacing: PropTypes.number,
886
895
  valueFormatter: PropTypes.func,
896
+ valueGetter: PropTypes.func,
887
897
  width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
888
898
  }), PropTypes.shape({
889
899
  axis: PropTypes.oneOf(['y']),
@@ -942,6 +952,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
942
952
  tickSize: PropTypes.number,
943
953
  tickSpacing: PropTypes.number,
944
954
  valueFormatter: PropTypes.func,
955
+ valueGetter: PropTypes.func,
945
956
  width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
946
957
  }), PropTypes.shape({
947
958
  axis: PropTypes.oneOf(['y']),
@@ -987,6 +998,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
987
998
  tickSize: PropTypes.number,
988
999
  tickSpacing: PropTypes.number,
989
1000
  valueFormatter: PropTypes.func,
1001
+ valueGetter: PropTypes.func,
990
1002
  width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
991
1003
  }), PropTypes.shape({
992
1004
  axis: PropTypes.oneOf(['y']),
@@ -1033,6 +1045,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1033
1045
  tickSize: PropTypes.number,
1034
1046
  tickSpacing: PropTypes.number,
1035
1047
  valueFormatter: PropTypes.func,
1048
+ valueGetter: PropTypes.func,
1036
1049
  width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
1037
1050
  }), PropTypes.shape({
1038
1051
  axis: PropTypes.oneOf(['y']),
@@ -1078,6 +1091,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1078
1091
  tickSize: PropTypes.number,
1079
1092
  tickSpacing: PropTypes.number,
1080
1093
  valueFormatter: PropTypes.func,
1094
+ valueGetter: PropTypes.func,
1081
1095
  width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
1082
1096
  }), PropTypes.shape({
1083
1097
  axis: PropTypes.oneOf(['y']),
@@ -1123,6 +1137,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1123
1137
  tickSize: PropTypes.number,
1124
1138
  tickSpacing: PropTypes.number,
1125
1139
  valueFormatter: PropTypes.func,
1140
+ valueGetter: PropTypes.func,
1126
1141
  width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
1127
1142
  }), PropTypes.shape({
1128
1143
  axis: PropTypes.oneOf(['y']),
@@ -1172,6 +1187,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1172
1187
  tickSize: PropTypes.number,
1173
1188
  tickSpacing: PropTypes.number,
1174
1189
  valueFormatter: PropTypes.func,
1190
+ valueGetter: PropTypes.func,
1175
1191
  width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
1176
1192
  }), PropTypes.shape({
1177
1193
  axis: PropTypes.oneOf(['y']),
@@ -1221,6 +1237,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1221
1237
  tickSize: PropTypes.number,
1222
1238
  tickSpacing: PropTypes.number,
1223
1239
  valueFormatter: PropTypes.func,
1240
+ valueGetter: PropTypes.func,
1224
1241
  width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
1225
1242
  }), PropTypes.shape({
1226
1243
  axis: PropTypes.oneOf(['y']),
@@ -1266,6 +1283,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1266
1283
  tickSize: PropTypes.number,
1267
1284
  tickSpacing: PropTypes.number,
1268
1285
  valueFormatter: PropTypes.func,
1286
+ valueGetter: PropTypes.func,
1269
1287
  width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
1270
1288
  })]).isRequired),
1271
1289
  /**
@@ -1291,7 +1309,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1291
1309
  dataKey: PropTypes.string,
1292
1310
  id: PropTypes.string,
1293
1311
  max: PropTypes.number,
1294
- min: PropTypes.number
1312
+ min: PropTypes.number,
1313
+ valueGetter: PropTypes.func
1295
1314
  }))
1296
1315
  } : void 0;
1297
1316
  export { ScatterChart };
package/ScatterChart/seriesConfig/seriesProcessor.js CHANGED
@@ -17,14 +17,19 @@ const seriesProcessor = ({
17
17
  if (seriesData?.datasetKeys && missingKeys.length > 0) {
18
18
  throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Scatter series with id="${seriesId}" has incomplete datasetKeys. ` + `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing. ` + 'Scatter plots require both "x" and "y" keys to map dataset values to coordinates. ' + 'Add the missing datasetKeys to the series configuration.' : (0, _formatErrorMessage2.default)(29, seriesId, missingKeys.map(key => `"${key}"`).join(', ')));
19
19
  }
20
- const data = !datasetKeys ? seriesData.data ?? [] : dataset?.map(d => {
21
- return {
20
+ let data;
21
+ if (seriesData.valueGetter) {
22
+ data = dataset?.map(seriesData.valueGetter) ?? [];
23
+ } else if (datasetKeys) {
24
+ data = dataset?.map(d => ({
22
25
  x: d[datasetKeys.x] ?? null,
23
26
  y: d[datasetKeys.y] ?? null,
24
27
  z: datasetKeys.z && d[datasetKeys.z],
25
28
  id: datasetKeys.id && d[datasetKeys.id]
26
- };
27
- }) ?? [];
29
+ })) ?? [];
30
+ } else {
31
+ data = seriesData.data ?? [];
32
+ }
28
33
  return [seriesId, (0, _extends2.default)({
29
34
  labelMarkType: 'circle',
30
35
  markerSize: 4
package/ScatterChart/seriesConfig/seriesProcessor.mjs CHANGED
@@ -10,14 +10,19 @@ const seriesProcessor = ({
10
10
  if (seriesData?.datasetKeys && missingKeys.length > 0) {
11
11
  throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Scatter series with id="${seriesId}" has incomplete datasetKeys. ` + `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing. ` + 'Scatter plots require both "x" and "y" keys to map dataset values to coordinates. ' + 'Add the missing datasetKeys to the series configuration.' : _formatErrorMessage(29, seriesId, missingKeys.map(key => `"${key}"`).join(', ')));
12
12
  }
13
- const data = !datasetKeys ? seriesData.data ?? [] : dataset?.map(d => {
14
- return {
13
+ let data;
14
+ if (seriesData.valueGetter) {
15
+ data = dataset?.map(seriesData.valueGetter) ?? [];
16
+ } else if (datasetKeys) {
17
+ data = dataset?.map(d => ({
15
18
  x: d[datasetKeys.x] ?? null,
16
19
  y: d[datasetKeys.y] ?? null,
17
20
  z: datasetKeys.z && d[datasetKeys.z],
18
21
  id: datasetKeys.id && d[datasetKeys.id]
19
- };
20
- }) ?? [];
22
+ })) ?? [];
23
+ } else {
24
+ data = seriesData.data ?? [];
25
+ }
21
26
  return [seriesId, _extends({
22
27
  labelMarkType: 'circle',
23
28
  markerSize: 4
package/SparkLineChart/SparkLineChart.js CHANGED
@@ -648,7 +648,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
648
648
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
649
649
  tickSize: _propTypes.default.number,
650
650
  tickSpacing: _propTypes.default.number,
651
- valueFormatter: _propTypes.default.func
651
+ valueFormatter: _propTypes.default.func,
652
+ valueGetter: _propTypes.default.func
652
653
  }), _propTypes.default.shape({
653
654
  axis: _propTypes.default.oneOf(['x']),
654
655
  classes: _propTypes.default.object,
@@ -707,7 +708,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
707
708
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
708
709
  tickSize: _propTypes.default.number,
709
710
  tickSpacing: _propTypes.default.number,
710
- valueFormatter: _propTypes.default.func
711
+ valueFormatter: _propTypes.default.func,
712
+ valueGetter: _propTypes.default.func
711
713
  }), _propTypes.default.shape({
712
714
  axis: _propTypes.default.oneOf(['x']),
713
715
  classes: _propTypes.default.object,
@@ -753,7 +755,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
753
755
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
754
756
  tickSize: _propTypes.default.number,
755
757
  tickSpacing: _propTypes.default.number,
756
- valueFormatter: _propTypes.default.func
758
+ valueFormatter: _propTypes.default.func,
759
+ valueGetter: _propTypes.default.func
757
760
  }), _propTypes.default.shape({
758
761
  axis: _propTypes.default.oneOf(['x']),
759
762
  classes: _propTypes.default.object,
@@ -800,7 +803,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
800
803
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
801
804
  tickSize: _propTypes.default.number,
802
805
  tickSpacing: _propTypes.default.number,
803
- valueFormatter: _propTypes.default.func
806
+ valueFormatter: _propTypes.default.func,
807
+ valueGetter: _propTypes.default.func
804
808
  }), _propTypes.default.shape({
805
809
  axis: _propTypes.default.oneOf(['x']),
806
810
  classes: _propTypes.default.object,
@@ -846,7 +850,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
846
850
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
847
851
  tickSize: _propTypes.default.number,
848
852
  tickSpacing: _propTypes.default.number,
849
- valueFormatter: _propTypes.default.func
853
+ valueFormatter: _propTypes.default.func,
854
+ valueGetter: _propTypes.default.func
850
855
  }), _propTypes.default.shape({
851
856
  axis: _propTypes.default.oneOf(['x']),
852
857
  classes: _propTypes.default.object,
@@ -892,7 +897,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
892
897
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
893
898
  tickSize: _propTypes.default.number,
894
899
  tickSpacing: _propTypes.default.number,
895
- valueFormatter: _propTypes.default.func
900
+ valueFormatter: _propTypes.default.func,
901
+ valueGetter: _propTypes.default.func
896
902
  }), _propTypes.default.shape({
897
903
  axis: _propTypes.default.oneOf(['x']),
898
904
  classes: _propTypes.default.object,
@@ -942,7 +948,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
942
948
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
943
949
  tickSize: _propTypes.default.number,
944
950
  tickSpacing: _propTypes.default.number,
945
- valueFormatter: _propTypes.default.func
951
+ valueFormatter: _propTypes.default.func,
952
+ valueGetter: _propTypes.default.func
946
953
  }), _propTypes.default.shape({
947
954
  axis: _propTypes.default.oneOf(['x']),
948
955
  classes: _propTypes.default.object,
@@ -992,7 +999,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
992
999
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
993
1000
  tickSize: _propTypes.default.number,
994
1001
  tickSpacing: _propTypes.default.number,
995
- valueFormatter: _propTypes.default.func
1002
+ valueFormatter: _propTypes.default.func,
1003
+ valueGetter: _propTypes.default.func
996
1004
  }), _propTypes.default.shape({
997
1005
  axis: _propTypes.default.oneOf(['x']),
998
1006
  classes: _propTypes.default.object,
@@ -1038,7 +1046,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
1038
1046
  tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
1039
1047
  tickSize: _propTypes.default.number,
1040
1048
  tickSpacing: _propTypes.default.number,
1041
- valueFormatter: _propTypes.default.func
1049
+ valueFormatter: _propTypes.default.func,
1050
+ valueGetter: _propTypes.default.func
1042
1051
  })]),
1043
1052
  /**
1044
1053
  * The yAxis configuration.
@@ -1103,6 +1112,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
1103
1112
  tickSize: _propTypes.default.number,
1104
1113
  tickSpacing: _propTypes.default.number,
1105
1114
  valueFormatter: _propTypes.default.func,
1115
+ valueGetter: _propTypes.default.func,
1106
1116
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1107
1117
  }), _propTypes.default.shape({
1108
1118
  axis: _propTypes.default.oneOf(['y']),
@@ -1161,6 +1171,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
1161
1171
  tickSize: _propTypes.default.number,
1162
1172
  tickSpacing: _propTypes.default.number,
1163
1173
  valueFormatter: _propTypes.default.func,
1174
+ valueGetter: _propTypes.default.func,
1164
1175
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1165
1176
  }), _propTypes.default.shape({
1166
1177
  axis: _propTypes.default.oneOf(['y']),
@@ -1206,6 +1217,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
1206
1217
  tickSize: _propTypes.default.number,
1207
1218
  tickSpacing: _propTypes.default.number,
1208
1219
  valueFormatter: _propTypes.default.func,
1220
+ valueGetter: _propTypes.default.func,
1209
1221
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1210
1222
  }), _propTypes.default.shape({
1211
1223
  axis: _propTypes.default.oneOf(['y']),
@@ -1252,6 +1264,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
1252
1264
  tickSize: _propTypes.default.number,
1253
1265
  tickSpacing: _propTypes.default.number,
1254
1266
  valueFormatter: _propTypes.default.func,
1267
+ valueGetter: _propTypes.default.func,
1255
1268
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1256
1269
  }), _propTypes.default.shape({
1257
1270
  axis: _propTypes.default.oneOf(['y']),
@@ -1297,6 +1310,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
1297
1310
  tickSize: _propTypes.default.number,
1298
1311
  tickSpacing: _propTypes.default.number,
1299
1312
  valueFormatter: _propTypes.default.func,
1313
+ valueGetter: _propTypes.default.func,
1300
1314
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1301
1315
  }), _propTypes.default.shape({
1302
1316
  axis: _propTypes.default.oneOf(['y']),
@@ -1342,6 +1356,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
1342
1356
  tickSize: _propTypes.default.number,
1343
1357
  tickSpacing: _propTypes.default.number,
1344
1358
  valueFormatter: _propTypes.default.func,
1359
+ valueGetter: _propTypes.default.func,
1345
1360
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1346
1361
  }), _propTypes.default.shape({
1347
1362
  axis: _propTypes.default.oneOf(['y']),
@@ -1391,6 +1406,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
1391
1406
  tickSize: _propTypes.default.number,
1392
1407
  tickSpacing: _propTypes.default.number,
1393
1408
  valueFormatter: _propTypes.default.func,
1409
+ valueGetter: _propTypes.default.func,
1394
1410
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1395
1411
  }), _propTypes.default.shape({
1396
1412
  axis: _propTypes.default.oneOf(['y']),
@@ -1440,6 +1456,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
1440
1456
  tickSize: _propTypes.default.number,
1441
1457
  tickSpacing: _propTypes.default.number,
1442
1458
  valueFormatter: _propTypes.default.func,
1459
+ valueGetter: _propTypes.default.func,
1443
1460
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1444
1461
  }), _propTypes.default.shape({
1445
1462
  axis: _propTypes.default.oneOf(['y']),
@@ -1485,6 +1502,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
1485
1502
  tickSize: _propTypes.default.number,
1486
1503
  tickSpacing: _propTypes.default.number,
1487
1504
  valueFormatter: _propTypes.default.func,
1505
+ valueGetter: _propTypes.default.func,
1488
1506
  width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number])
1489
1507
  })])
1490
1508
  } : void 0;