@mui/x-charts 8.13.0 → 8.14.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 (92) hide show
  1. package/BarChart/BarChart.js +44 -36
  2. package/CHANGELOG.md +171 -1
  3. package/ChartContainer/ChartContainer.js +68 -56
  4. package/ChartsTooltip/ChartsTooltipContainer.js +2 -0
  5. package/ChartsXAxis/useAxisTicksProps.d.ts +197 -355
  6. package/ChartsYAxis/useAxisTicksProps.d.ts +197 -355
  7. package/LineChart/LineChart.js +44 -36
  8. package/PieChart/PieArc.d.ts +18 -4
  9. package/PieChart/PieArc.js +11 -5
  10. package/PieChart/PieArcPlot.js +3 -1
  11. package/ScatterChart/ScatterChart.js +44 -36
  12. package/SparkLineChart/SparkLineChart.js +44 -36
  13. package/esm/BarChart/BarChart.js +44 -36
  14. package/esm/ChartContainer/ChartContainer.js +68 -56
  15. package/esm/ChartsTooltip/ChartsTooltipContainer.js +2 -0
  16. package/esm/ChartsXAxis/useAxisTicksProps.d.ts +197 -355
  17. package/esm/ChartsYAxis/useAxisTicksProps.d.ts +197 -355
  18. package/esm/LineChart/LineChart.js +44 -36
  19. package/esm/PieChart/PieArc.d.ts +18 -4
  20. package/esm/PieChart/PieArc.js +11 -5
  21. package/esm/PieChart/PieArcPlot.js +3 -1
  22. package/esm/ScatterChart/ScatterChart.js +44 -36
  23. package/esm/SparkLineChart/SparkLineChart.js +44 -36
  24. package/esm/hooks/animation/useAnimate.js +5 -3
  25. package/esm/hooks/useScale.d.ts +5 -1
  26. package/esm/index.js +1 -1
  27. package/esm/internals/animation/useAnimateInternal.d.ts +1 -1
  28. package/esm/internals/animation/useAnimateInternal.js +1 -1
  29. package/esm/internals/plugins/corePlugins/useChartInteractionListener/useChartInteractionListener.js +8 -8
  30. package/esm/internals/plugins/corePlugins/useChartInteractionListener/useChartInteractionListener.types.d.ts +4 -2
  31. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.d.ts +9 -11
  32. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.js +4 -28
  33. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/createAxisFilterMapper.d.ts +4 -5
  34. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/createAxisFilterMapper.js +3 -24
  35. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/domain.d.ts +20 -0
  36. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/domain.js +77 -0
  37. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisScale.d.ts +4 -65
  38. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisScale.js +7 -104
  39. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.d.ts +3 -3
  40. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.js +31 -39
  41. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.ts +166 -6
  42. package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.js +158 -47
  43. package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.js +10 -3
  44. package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.d.ts +4 -4
  45. package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js +3 -2
  46. package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.types.d.ts +6 -0
  47. package/esm/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.js +5 -1
  48. package/esm/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.selectors.d.ts +9 -1
  49. package/esm/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.selectors.js +10 -1
  50. package/esm/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.types.d.ts +2 -1
  51. package/esm/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.js +2 -2
  52. package/esm/internals/scaleGuards.d.ts +12 -6
  53. package/esm/internals/symlogScale.js +5 -0
  54. package/esm/locales/enUS.js +4 -4
  55. package/esm/locales/ptBR.js +97 -99
  56. package/esm/models/axis.d.ts +39 -17
  57. package/esm/models/axis.js +3 -0
  58. package/hooks/animation/useAnimate.js +4 -3
  59. package/hooks/useScale.d.ts +5 -1
  60. package/index.js +1 -1
  61. package/internals/animation/useAnimateInternal.d.ts +1 -1
  62. package/internals/animation/useAnimateInternal.js +1 -1
  63. package/internals/plugins/corePlugins/useChartInteractionListener/useChartInteractionListener.js +7 -7
  64. package/internals/plugins/corePlugins/useChartInteractionListener/useChartInteractionListener.types.d.ts +4 -2
  65. package/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.d.ts +9 -11
  66. package/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.js +4 -28
  67. package/internals/plugins/featurePlugins/useChartCartesianAxis/createAxisFilterMapper.d.ts +4 -5
  68. package/internals/plugins/featurePlugins/useChartCartesianAxis/createAxisFilterMapper.js +3 -25
  69. package/internals/plugins/featurePlugins/useChartCartesianAxis/domain.d.ts +20 -0
  70. package/internals/plugins/featurePlugins/useChartCartesianAxis/domain.js +84 -0
  71. package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisScale.d.ts +4 -65
  72. package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisScale.js +8 -108
  73. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.d.ts +3 -3
  74. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.js +29 -37
  75. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.ts +166 -6
  76. package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.js +158 -47
  77. package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.js +10 -3
  78. package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.d.ts +4 -4
  79. package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.js +3 -2
  80. package/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.types.d.ts +6 -0
  81. package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.js +5 -1
  82. package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.selectors.d.ts +9 -1
  83. package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.selectors.js +11 -2
  84. package/internals/plugins/featurePlugins/useChartKeyboardNavigation/useChartKeyboardNavigation.types.d.ts +2 -1
  85. package/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.js +1 -1
  86. package/internals/scaleGuards.d.ts +12 -6
  87. package/internals/symlogScale.js +5 -0
  88. package/locales/enUS.js +4 -4
  89. package/locales/ptBR.js +97 -99
  90. package/models/axis.d.ts +39 -17
  91. package/models/axis.js +4 -0
  92. package/package.json +6 -6
@@ -282,8 +282,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
282
282
  ignoreTooltip: PropTypes.bool,
283
283
  label: PropTypes.string,
284
284
  labelStyle: PropTypes.object,
285
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
286
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
287
285
  offset: PropTypes.number,
288
286
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
289
287
  reverse: PropTypes.bool,
@@ -336,8 +334,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
336
334
  ignoreTooltip: PropTypes.bool,
337
335
  label: PropTypes.string,
338
336
  labelStyle: PropTypes.object,
339
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
340
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
341
337
  offset: PropTypes.number,
342
338
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
343
339
  reverse: PropTypes.bool,
@@ -380,8 +376,8 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
380
376
  ignoreTooltip: PropTypes.bool,
381
377
  label: PropTypes.string,
382
378
  labelStyle: PropTypes.object,
383
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
384
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
379
+ max: PropTypes.number,
380
+ min: PropTypes.number,
385
381
  offset: PropTypes.number,
386
382
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
387
383
  reverse: PropTypes.bool,
@@ -425,8 +421,8 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
425
421
  ignoreTooltip: PropTypes.bool,
426
422
  label: PropTypes.string,
427
423
  labelStyle: PropTypes.object,
428
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
429
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
424
+ max: PropTypes.number,
425
+ min: PropTypes.number,
430
426
  offset: PropTypes.number,
431
427
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
432
428
  reverse: PropTypes.bool,
@@ -469,8 +465,8 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
469
465
  ignoreTooltip: PropTypes.bool,
470
466
  label: PropTypes.string,
471
467
  labelStyle: PropTypes.object,
472
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
473
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
468
+ max: PropTypes.number,
469
+ min: PropTypes.number,
474
470
  offset: PropTypes.number,
475
471
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
476
472
  reverse: PropTypes.bool,
@@ -513,8 +509,8 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
513
509
  ignoreTooltip: PropTypes.bool,
514
510
  label: PropTypes.string,
515
511
  labelStyle: PropTypes.object,
516
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
517
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
512
+ max: PropTypes.number,
513
+ min: PropTypes.number,
518
514
  offset: PropTypes.number,
519
515
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
520
516
  reverse: PropTypes.bool,
@@ -557,8 +553,12 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
557
553
  ignoreTooltip: PropTypes.bool,
558
554
  label: PropTypes.string,
559
555
  labelStyle: PropTypes.object,
560
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
561
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
556
+ max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
557
+ valueOf: PropTypes.func.isRequired
558
+ })]),
559
+ min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
560
+ valueOf: PropTypes.func.isRequired
561
+ })]),
562
562
  offset: PropTypes.number,
563
563
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
564
564
  reverse: PropTypes.bool,
@@ -601,8 +601,12 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
601
601
  ignoreTooltip: PropTypes.bool,
602
602
  label: PropTypes.string,
603
603
  labelStyle: PropTypes.object,
604
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
605
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
604
+ max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
605
+ valueOf: PropTypes.func.isRequired
606
+ })]),
607
+ min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
608
+ valueOf: PropTypes.func.isRequired
609
+ })]),
606
610
  offset: PropTypes.number,
607
611
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
608
612
  reverse: PropTypes.bool,
@@ -645,8 +649,8 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
645
649
  ignoreTooltip: PropTypes.bool,
646
650
  label: PropTypes.string,
647
651
  labelStyle: PropTypes.object,
648
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
649
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
652
+ max: PropTypes.number,
653
+ min: PropTypes.number,
650
654
  offset: PropTypes.number,
651
655
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
652
656
  reverse: PropTypes.bool,
@@ -706,8 +710,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
706
710
  ignoreTooltip: PropTypes.bool,
707
711
  label: PropTypes.string,
708
712
  labelStyle: PropTypes.object,
709
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
710
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
711
713
  offset: PropTypes.number,
712
714
  position: PropTypes.oneOf(['left', 'none', 'right']),
713
715
  reverse: PropTypes.bool,
@@ -759,8 +761,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
759
761
  ignoreTooltip: PropTypes.bool,
760
762
  label: PropTypes.string,
761
763
  labelStyle: PropTypes.object,
762
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
763
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
764
764
  offset: PropTypes.number,
765
765
  position: PropTypes.oneOf(['left', 'none', 'right']),
766
766
  reverse: PropTypes.bool,
@@ -802,8 +802,8 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
802
802
  ignoreTooltip: PropTypes.bool,
803
803
  label: PropTypes.string,
804
804
  labelStyle: PropTypes.object,
805
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
806
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
805
+ max: PropTypes.number,
806
+ min: PropTypes.number,
807
807
  offset: PropTypes.number,
808
808
  position: PropTypes.oneOf(['left', 'none', 'right']),
809
809
  reverse: PropTypes.bool,
@@ -846,8 +846,8 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
846
846
  ignoreTooltip: PropTypes.bool,
847
847
  label: PropTypes.string,
848
848
  labelStyle: PropTypes.object,
849
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
850
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
849
+ max: PropTypes.number,
850
+ min: PropTypes.number,
851
851
  offset: PropTypes.number,
852
852
  position: PropTypes.oneOf(['left', 'none', 'right']),
853
853
  reverse: PropTypes.bool,
@@ -889,8 +889,8 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
889
889
  ignoreTooltip: PropTypes.bool,
890
890
  label: PropTypes.string,
891
891
  labelStyle: PropTypes.object,
892
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
893
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
892
+ max: PropTypes.number,
893
+ min: PropTypes.number,
894
894
  offset: PropTypes.number,
895
895
  position: PropTypes.oneOf(['left', 'none', 'right']),
896
896
  reverse: PropTypes.bool,
@@ -932,8 +932,8 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
932
932
  ignoreTooltip: PropTypes.bool,
933
933
  label: PropTypes.string,
934
934
  labelStyle: PropTypes.object,
935
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
936
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
935
+ max: PropTypes.number,
936
+ min: PropTypes.number,
937
937
  offset: PropTypes.number,
938
938
  position: PropTypes.oneOf(['left', 'none', 'right']),
939
939
  reverse: PropTypes.bool,
@@ -975,8 +975,12 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
975
975
  ignoreTooltip: PropTypes.bool,
976
976
  label: PropTypes.string,
977
977
  labelStyle: PropTypes.object,
978
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
979
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
978
+ max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
979
+ valueOf: PropTypes.func.isRequired
980
+ })]),
981
+ min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
982
+ valueOf: PropTypes.func.isRequired
983
+ })]),
980
984
  offset: PropTypes.number,
981
985
  position: PropTypes.oneOf(['left', 'none', 'right']),
982
986
  reverse: PropTypes.bool,
@@ -1018,8 +1022,12 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
1018
1022
  ignoreTooltip: PropTypes.bool,
1019
1023
  label: PropTypes.string,
1020
1024
  labelStyle: PropTypes.object,
1021
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
1022
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
1025
+ max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
1026
+ valueOf: PropTypes.func.isRequired
1027
+ })]),
1028
+ min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
1029
+ valueOf: PropTypes.func.isRequired
1030
+ })]),
1023
1031
  offset: PropTypes.number,
1024
1032
  position: PropTypes.oneOf(['left', 'none', 'right']),
1025
1033
  reverse: PropTypes.bool,
@@ -1061,8 +1069,8 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
1061
1069
  ignoreTooltip: PropTypes.bool,
1062
1070
  label: PropTypes.string,
1063
1071
  labelStyle: PropTypes.object,
1064
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
1065
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
1072
+ max: PropTypes.number,
1073
+ min: PropTypes.number,
1066
1074
  offset: PropTypes.number,
1067
1075
  position: PropTypes.oneOf(['left', 'none', 'right']),
1068
1076
  reverse: PropTypes.bool,
@@ -36,8 +36,15 @@ export type PieArcProps = Omit<React.SVGProps<SVGPathElement>, 'ref' | 'id'> & P
36
36
  outerRadius: number;
37
37
  paddingAngle: number;
38
38
  startAngle: number;
39
- /** @default false */
40
- skipAnimation: boolean;
39
+ /**
40
+ * If `true`, the animation is disabled.
41
+ */
42
+ skipAnimation?: boolean;
43
+ /**
44
+ * If `true`, the default event handlers are disabled.
45
+ * Those are used, for example, to display a tooltip or highlight the arc on hover.
46
+ */
47
+ skipInteraction?: boolean;
41
48
  };
42
49
  declare const PieArc: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGPathElement>, "ref" | "id"> & PieArcOwnerState & {
43
50
  cornerRadius: number;
@@ -47,7 +54,14 @@ declare const PieArc: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGPat
47
54
  outerRadius: number;
48
55
  paddingAngle: number;
49
56
  startAngle: number;
50
- /** @default false */
51
- skipAnimation: boolean;
57
+ /**
58
+ * If `true`, the animation is disabled.
59
+ */
60
+ skipAnimation?: boolean;
61
+ /**
62
+ * If `true`, the default event handlers are disabled.
63
+ * Those are used, for example, to display a tooltip or highlight the arc on hover.
64
+ */
65
+ skipInteraction?: boolean;
52
66
  } & React.RefAttributes<SVGPathElement>>;
53
67
  export { PieArc };
@@ -2,7 +2,7 @@
2
2
 
3
3
  import _extends from "@babel/runtime/helpers/esm/extends";
4
4
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
5
- const _excluded = ["className", "classes", "color", "dataIndex", "id", "isFaded", "isHighlighted", "isFocused", "onClick", "cornerRadius", "startAngle", "endAngle", "innerRadius", "outerRadius", "paddingAngle", "skipAnimation", "stroke"];
5
+ const _excluded = ["className", "classes", "color", "dataIndex", "id", "isFaded", "isHighlighted", "isFocused", "onClick", "cornerRadius", "startAngle", "endAngle", "innerRadius", "outerRadius", "paddingAngle", "skipAnimation", "stroke", "skipInteraction"];
6
6
  import * as React from 'react';
7
7
  import PropTypes from 'prop-types';
8
8
  import clsx from 'clsx';
@@ -58,7 +58,8 @@ const PieArc = /*#__PURE__*/React.forwardRef(function PieArc(props, ref) {
58
58
  outerRadius,
59
59
  paddingAngle,
60
60
  skipAnimation,
61
- stroke: strokeProp
61
+ stroke: strokeProp,
62
+ skipInteraction
62
63
  } = props,
63
64
  other = _objectWithoutPropertiesLoose(props, _excluded);
64
65
  const theme = useTheme();
@@ -77,7 +78,7 @@ const PieArc = /*#__PURE__*/React.forwardRef(function PieArc(props, ref) {
77
78
  type: 'pie',
78
79
  seriesId: id,
79
80
  dataIndex
80
- });
81
+ }, skipInteraction);
81
82
  const animatedProps = useAnimatePieArc({
82
83
  cornerRadius,
83
84
  startAngle,
@@ -121,9 +122,14 @@ process.env.NODE_ENV !== "production" ? PieArc.propTypes = {
121
122
  outerRadius: PropTypes.number.isRequired,
122
123
  paddingAngle: PropTypes.number.isRequired,
123
124
  /**
124
- * @default false
125
+ * If `true`, the animation is disabled.
126
+ */
127
+ skipAnimation: PropTypes.bool,
128
+ /**
129
+ * If `true`, the default event handlers are disabled.
130
+ * Those are used, for example, to display a tooltip or highlight the arc on hover.
125
131
  */
126
- skipAnimation: PropTypes.bool.isRequired,
132
+ skipInteraction: PropTypes.bool,
127
133
  startAngle: PropTypes.number.isRequired
128
134
  } : void 0;
129
135
  export { PieArc };
@@ -74,7 +74,9 @@ function PieArcPlot(props) {
74
74
  endAngle: focusedItem.endAngle,
75
75
  paddingAngle: focusedItem.paddingAngle,
76
76
  innerRadius: focusedItem.innerRadius,
77
- color: focusedItem.color,
77
+ color: "transparent",
78
+ pointerEvents: "none",
79
+ skipInteraction: true,
78
80
  outerRadius: focusedItem.outerRadius,
79
81
  cornerRadius: focusedItem.cornerRadius,
80
82
  skipAnimation: true,
@@ -260,8 +260,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
260
260
  ignoreTooltip: PropTypes.bool,
261
261
  label: PropTypes.string,
262
262
  labelStyle: PropTypes.object,
263
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
264
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
265
263
  offset: PropTypes.number,
266
264
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
267
265
  reverse: PropTypes.bool,
@@ -314,8 +312,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
314
312
  ignoreTooltip: PropTypes.bool,
315
313
  label: PropTypes.string,
316
314
  labelStyle: PropTypes.object,
317
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
318
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
319
315
  offset: PropTypes.number,
320
316
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
321
317
  reverse: PropTypes.bool,
@@ -358,8 +354,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
358
354
  ignoreTooltip: PropTypes.bool,
359
355
  label: PropTypes.string,
360
356
  labelStyle: PropTypes.object,
361
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
362
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
357
+ max: PropTypes.number,
358
+ min: PropTypes.number,
363
359
  offset: PropTypes.number,
364
360
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
365
361
  reverse: PropTypes.bool,
@@ -403,8 +399,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
403
399
  ignoreTooltip: PropTypes.bool,
404
400
  label: PropTypes.string,
405
401
  labelStyle: PropTypes.object,
406
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
407
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
402
+ max: PropTypes.number,
403
+ min: PropTypes.number,
408
404
  offset: PropTypes.number,
409
405
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
410
406
  reverse: PropTypes.bool,
@@ -447,8 +443,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
447
443
  ignoreTooltip: PropTypes.bool,
448
444
  label: PropTypes.string,
449
445
  labelStyle: PropTypes.object,
450
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
451
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
446
+ max: PropTypes.number,
447
+ min: PropTypes.number,
452
448
  offset: PropTypes.number,
453
449
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
454
450
  reverse: PropTypes.bool,
@@ -491,8 +487,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
491
487
  ignoreTooltip: PropTypes.bool,
492
488
  label: PropTypes.string,
493
489
  labelStyle: PropTypes.object,
494
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
495
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
490
+ max: PropTypes.number,
491
+ min: PropTypes.number,
496
492
  offset: PropTypes.number,
497
493
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
498
494
  reverse: PropTypes.bool,
@@ -535,8 +531,12 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
535
531
  ignoreTooltip: PropTypes.bool,
536
532
  label: PropTypes.string,
537
533
  labelStyle: PropTypes.object,
538
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
539
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
534
+ max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
535
+ valueOf: PropTypes.func.isRequired
536
+ })]),
537
+ min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
538
+ valueOf: PropTypes.func.isRequired
539
+ })]),
540
540
  offset: PropTypes.number,
541
541
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
542
542
  reverse: PropTypes.bool,
@@ -579,8 +579,12 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
579
579
  ignoreTooltip: PropTypes.bool,
580
580
  label: PropTypes.string,
581
581
  labelStyle: PropTypes.object,
582
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
583
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
582
+ max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
583
+ valueOf: PropTypes.func.isRequired
584
+ })]),
585
+ min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
586
+ valueOf: PropTypes.func.isRequired
587
+ })]),
584
588
  offset: PropTypes.number,
585
589
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
586
590
  reverse: PropTypes.bool,
@@ -623,8 +627,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
623
627
  ignoreTooltip: PropTypes.bool,
624
628
  label: PropTypes.string,
625
629
  labelStyle: PropTypes.object,
626
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
627
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
630
+ max: PropTypes.number,
631
+ min: PropTypes.number,
628
632
  offset: PropTypes.number,
629
633
  position: PropTypes.oneOf(['bottom', 'none', 'top']),
630
634
  reverse: PropTypes.bool,
@@ -684,8 +688,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
684
688
  ignoreTooltip: PropTypes.bool,
685
689
  label: PropTypes.string,
686
690
  labelStyle: PropTypes.object,
687
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
688
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
689
691
  offset: PropTypes.number,
690
692
  position: PropTypes.oneOf(['left', 'none', 'right']),
691
693
  reverse: PropTypes.bool,
@@ -737,8 +739,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
737
739
  ignoreTooltip: PropTypes.bool,
738
740
  label: PropTypes.string,
739
741
  labelStyle: PropTypes.object,
740
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
741
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
742
742
  offset: PropTypes.number,
743
743
  position: PropTypes.oneOf(['left', 'none', 'right']),
744
744
  reverse: PropTypes.bool,
@@ -780,8 +780,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
780
780
  ignoreTooltip: PropTypes.bool,
781
781
  label: PropTypes.string,
782
782
  labelStyle: PropTypes.object,
783
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
784
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
783
+ max: PropTypes.number,
784
+ min: PropTypes.number,
785
785
  offset: PropTypes.number,
786
786
  position: PropTypes.oneOf(['left', 'none', 'right']),
787
787
  reverse: PropTypes.bool,
@@ -824,8 +824,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
824
824
  ignoreTooltip: PropTypes.bool,
825
825
  label: PropTypes.string,
826
826
  labelStyle: PropTypes.object,
827
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
828
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
827
+ max: PropTypes.number,
828
+ min: PropTypes.number,
829
829
  offset: PropTypes.number,
830
830
  position: PropTypes.oneOf(['left', 'none', 'right']),
831
831
  reverse: PropTypes.bool,
@@ -867,8 +867,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
867
867
  ignoreTooltip: PropTypes.bool,
868
868
  label: PropTypes.string,
869
869
  labelStyle: PropTypes.object,
870
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
871
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
870
+ max: PropTypes.number,
871
+ min: PropTypes.number,
872
872
  offset: PropTypes.number,
873
873
  position: PropTypes.oneOf(['left', 'none', 'right']),
874
874
  reverse: PropTypes.bool,
@@ -910,8 +910,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
910
910
  ignoreTooltip: PropTypes.bool,
911
911
  label: PropTypes.string,
912
912
  labelStyle: PropTypes.object,
913
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
914
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
913
+ max: PropTypes.number,
914
+ min: PropTypes.number,
915
915
  offset: PropTypes.number,
916
916
  position: PropTypes.oneOf(['left', 'none', 'right']),
917
917
  reverse: PropTypes.bool,
@@ -953,8 +953,12 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
953
953
  ignoreTooltip: PropTypes.bool,
954
954
  label: PropTypes.string,
955
955
  labelStyle: PropTypes.object,
956
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
957
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
956
+ max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
957
+ valueOf: PropTypes.func.isRequired
958
+ })]),
959
+ min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
960
+ valueOf: PropTypes.func.isRequired
961
+ })]),
958
962
  offset: PropTypes.number,
959
963
  position: PropTypes.oneOf(['left', 'none', 'right']),
960
964
  reverse: PropTypes.bool,
@@ -996,8 +1000,12 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
996
1000
  ignoreTooltip: PropTypes.bool,
997
1001
  label: PropTypes.string,
998
1002
  labelStyle: PropTypes.object,
999
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
1000
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
1003
+ max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
1004
+ valueOf: PropTypes.func.isRequired
1005
+ })]),
1006
+ min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
1007
+ valueOf: PropTypes.func.isRequired
1008
+ })]),
1001
1009
  offset: PropTypes.number,
1002
1010
  position: PropTypes.oneOf(['left', 'none', 'right']),
1003
1011
  reverse: PropTypes.bool,
@@ -1039,8 +1047,8 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
1039
1047
  ignoreTooltip: PropTypes.bool,
1040
1048
  label: PropTypes.string,
1041
1049
  labelStyle: PropTypes.object,
1042
- max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
1043
- min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
1050
+ max: PropTypes.number,
1051
+ min: PropTypes.number,
1044
1052
  offset: PropTypes.number,
1045
1053
  position: PropTypes.oneOf(['left', 'none', 'right']),
1046
1054
  reverse: PropTypes.bool,