@mui/x-charts 7.8.0 → 7.9.0

package/modern/hooks/useInteractionItemProps.js

@@ -13,7 +13,12 @@ export const useInteractionItemProps = skip => {
     return () => ({});
   }
   const getInteractionItemProps = data => {
-    const onMouseEnter = () => {
+    const onPointerDown = event => {
+      if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+        event.currentTarget.releasePointerCapture(event.pointerId);
+      }
+    };
+    const onPointerEnter = () => {
       dispatchInteraction({
         type: 'enterItem',
         data
@@ -23,7 +28,8 @@ export const useInteractionItemProps = skip => {
         dataIndex: data.dataIndex
       });
     };
-    const onMouseLeave = () => {
+    const onPointerLeave = event => {
+      event.currentTarget.releasePointerCapture(event.pointerId);
       dispatchInteraction({
         type: 'leaveItem',
         data
@@ -31,8 +37,9 @@ export const useInteractionItemProps = skip => {
       clearHighlighted();
     };
     return {
-      onMouseEnter,
-      onMouseLeave
+      onPointerEnter,
+      onPointerLeave,
+      onPointerDown
     };
   };
   return getInteractionItemProps;

package/modern/hooks/useScale.js

@@ -1,5 +1,6 @@
-import { useCartesianContext } from '../context/CartesianProvider';
 import { isBandScale } from '../internals/isBandScale';
+import { useXAxis, useYAxis } from './useAxis';
+
 /**
  * For a given scale return a function that map value to their position.
  * Useful when dealing with specific scale such as band.
@@ -13,18 +14,10 @@ export function getValueToPositionMapper(scale) {
   return value => scale(value);
 }
 export function useXScale(identifier) {
-  const {
-    xAxis,
-    xAxisIds
-  } = useCartesianContext();
-  const id = typeof identifier === 'string' ? identifier : xAxisIds[identifier ?? 0];
-  return xAxis[id].scale;
+  const axis = useXAxis(identifier);
+  return axis.scale;
 }
 export function useYScale(identifier) {
-  const {
-    yAxis,
-    yAxisIds
-  } = useCartesianContext();
-  const id = typeof identifier === 'string' ? identifier : yAxisIds[identifier ?? 0];
-  return yAxis[id].scale;
+  const axis = useYAxis(identifier);
+  return axis.scale;
 }

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.8.0
+ * @mui/x-charts v7.9.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/index.js

@@ -6,6 +6,7 @@ export * from '../ResponsiveChartContainer/ResizableContainer';
 // hooks
 export { useReducedMotion } from '../hooks/useReducedMotion';
 export { useSeries } from '../hooks/useSeries';
+export { useInteractionItemProps } from '../hooks/useInteractionItemProps';
 export { useDrawingArea } from '../hooks/useDrawingArea';
 export { useChartContainerHooks } from '../ChartContainer/useChartContainerHooks';
 export { useScatterChartProps } from '../ScatterChart/useScatterChartProps';
@@ -15,6 +16,7 @@ export { useBarChartProps } from '../BarChart/useBarChartProps';
 // utils
 export * from './defaultizeValueFormatter';
 export * from './configInit';
+export * from './getLabel';
 export * from './getSVGPoint';
 
 // contexts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "7.8.0",
+  "version": "7.9.0",
   "description": "The community edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -31,8 +31,8 @@
   "dependencies": {
     "@babel/runtime": "^7.24.7",
     "@mui/base": "^5.0.0-beta.40",
-    "@mui/system": "^5.15.20",
-    "@mui/utils": "^5.15.20",
+    "@mui/system": "^5.16.0",
+    "@mui/utils": "^5.16.0",
     "@react-spring/rafz": "^9.7.3",
     "@react-spring/web": "^9.7.3",
     "clsx": "^2.1.1",

package/themeAugmentation/props.d.ts

@@ -13,6 +13,7 @@ import { LineChartProps } from '../LineChart/LineChart';
 import { ScatterProps } from '../ScatterChart/Scatter';
 import { ScatterChartProps } from '../ScatterChart/ScatterChart';
 import { ChartsXAxisProps, ChartsYAxisProps } from '../models/axis';
+import { ChartSeriesType } from '../models/seriesType/config';
 
 export interface ChartsComponentsPropsList {
   MuiChartsAxis: ChartsAxisProps;
@@ -22,7 +23,7 @@ export interface ChartsComponentsPropsList {
   MuiChartsClipPath: ChartsClipPathProps;
   MuiChartsGrid: ChartsGridProps;
   MuiChartsLegend: ChartsLegendProps;
-  MuiChartsTooltip: ChartsTooltipProps;
+  MuiChartsTooltip: ChartsTooltipProps<ChartSeriesType>;
   MuiChartsSurface: ChartsSurfaceProps;
 
   // BarChart components