@mui/x-charts-pro 8.3.1 → 8.4.0

package/esm/Heatmap/HeatmapTooltip/HeatmapTooltipContent.js

@@ -0,0 +1,89 @@
+'use client';
+
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { ChartsTooltipPaper, ChartsTooltipTable, ChartsTooltipRow, ChartsTooltipCell, useItemTooltip } from '@mui/x-charts/ChartsTooltip';
+import { useXAxis, useYAxis } from '@mui/x-charts/hooks';
+import { getLabel, ChartsLabelMark } from '@mui/x-charts/internals';
+import { useHeatmapSeriesContext } from "../../hooks/useHeatmapSeries.js";
+import { HeatmapTooltipAxesValue } from "./HeatmapTooltipAxesValue.js";
+import { useUtilityClasses } from "./HeatmapTooltip.classes.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function HeatmapTooltipContent(props) {
+  const classes = useUtilityClasses(props);
+  const xAxis = useXAxis();
+  const yAxis = useYAxis();
+  const heatmapSeries = useHeatmapSeriesContext();
+  const tooltipData = useItemTooltip();
+  if (!tooltipData || !heatmapSeries || heatmapSeries.seriesOrder.length === 0) {
+    return null;
+  }
+  const {
+    series,
+    seriesOrder
+  } = heatmapSeries;
+  const seriesId = seriesOrder[0];
+  const {
+    color,
+    value,
+    identifier,
+    markType
+  } = tooltipData;
+  const [xIndex, yIndex] = value;
+  const formattedX = xAxis.valueFormatter?.(xAxis.data[xIndex], {
+    location: 'tooltip',
+    scale: xAxis.scale
+  }) ?? xAxis.data[xIndex].toLocaleString();
+  const formattedY = yAxis.valueFormatter?.(yAxis.data[yIndex], {
+    location: 'tooltip',
+    scale: yAxis.scale
+  }) ?? yAxis.data[yIndex].toLocaleString();
+  const formattedValue = series[seriesId].valueFormatter(value, {
+    dataIndex: identifier.dataIndex
+  });
+  const seriesLabel = getLabel(series[seriesId].label, 'tooltip');
+  return /*#__PURE__*/_jsx(ChartsTooltipPaper, {
+    className: classes.paper,
+    children: /*#__PURE__*/_jsxs(ChartsTooltipTable, {
+      className: classes.table,
+      children: [/*#__PURE__*/_jsxs(HeatmapTooltipAxesValue, {
+        children: [/*#__PURE__*/_jsx("span", {
+          children: formattedX
+        }), /*#__PURE__*/_jsx("span", {
+          children: formattedY
+        })]
+      }), /*#__PURE__*/_jsx("tbody", {
+        children: /*#__PURE__*/_jsxs(ChartsTooltipRow, {
+          className: classes.row,
+          children: [/*#__PURE__*/_jsxs(ChartsTooltipCell, {
+            className: clsx(classes.labelCell, classes.cell),
+            component: "th",
+            children: [/*#__PURE__*/_jsx("div", {
+              className: classes.markContainer,
+              children: /*#__PURE__*/_jsx(ChartsLabelMark, {
+                type: markType,
+                color: color,
+                className: classes.mark
+              })
+            }), seriesLabel]
+          }), /*#__PURE__*/_jsx(ChartsTooltipCell, {
+            className: clsx(classes.valueCell, classes.cell),
+            component: "td",
+            children: formattedValue
+          })]
+        })
+      })]
+    })
+  });
+}
+process.env.NODE_ENV !== "production" ? HeatmapTooltipContent.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object
+} : void 0;

package/esm/Heatmap/HeatmapTooltip/index.d.ts

@@ -1 +1,3 @@
-export * from "./HeatmapTooltip.js";
+export * from "./HeatmapTooltip.js";
+export * from "./HeatmapTooltipContent.js";
+export type { HeatmapTooltipProps } from "./HeatmapTooltip.types.js";

package/esm/Heatmap/HeatmapTooltip/index.js

@@ -1 +1,3 @@
-export * from "./HeatmapTooltip.js";
+export * from "./HeatmapTooltip.js";
+export * from "./HeatmapTooltipContent.js";
+export {};

package/esm/LineChartPro/LineChartPro.js

@@ -80,11 +80,12 @@ const LineChartPro = /*#__PURE__*/React.forwardRef(function LineChartPro(inProps
         })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartZoomSlider, {}), /*#__PURE__*/_jsx("g", {
           "data-drawing-container": true,
           children: /*#__PURE__*/_jsx(MarkPlot, _extends({}, markPlotProps))
-        }), /*#__PURE__*/_jsx(LineHighlightPlot, _extends({}, lineHighlightPlotProps)), !props.loading && /*#__PURE__*/_jsx(Tooltip, _extends({}, props.slotProps?.tooltip)), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
-      }))]
+        }), /*#__PURE__*/_jsx(LineHighlightPlot, _extends({}, lineHighlightPlotProps)), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
+      })), !props.loading && /*#__PURE__*/_jsx(Tooltip, _extends({}, props.slotProps?.tooltip))]
     }))
   }));
 });
+if (process.env.NODE_ENV !== "production") LineChartPro.displayName = "LineChartPro";
 process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -315,7 +316,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -378,7 +380,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -436,7 +439,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -494,7 +498,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -552,7 +557,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -610,7 +616,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -668,7 +675,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -726,7 +734,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -796,7 +805,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -858,7 +868,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -915,7 +926,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -972,7 +984,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -1029,7 +1042,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -1086,7 +1100,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -1143,7 +1158,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -1200,7 +1216,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])

package/esm/ScatterChartPro/ScatterChartPro.js

@@ -72,13 +72,14 @@ const ScatterChartPro = /*#__PURE__*/React.forwardRef(function ScatterChartPro(i
         children: [/*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartZoomSlider, {}), /*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsx("g", {
           "data-drawing-container": true,
           children: /*#__PURE__*/_jsx(ScatterPlot, _extends({}, scatterPlotProps))
-        }), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps)), !props.loading && /*#__PURE__*/_jsx(Tooltip, _extends({}, props?.slotProps?.tooltip, {
-          trigger: "item"
-        })), children]
+        }), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps)), children]
+      })), !props.loading && /*#__PURE__*/_jsx(Tooltip, _extends({}, props?.slotProps?.tooltip, {
+        trigger: "item"
       }))]
     }))
   }));
 });
+if (process.env.NODE_ENV !== "production") ScatterChartPro.displayName = "ScatterChartPro";
 process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -309,7 +310,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -372,7 +374,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -430,7 +433,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -488,7 +492,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -546,7 +551,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -604,7 +610,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -662,7 +669,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -720,7 +728,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -790,7 +799,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -852,7 +862,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -909,7 +920,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -966,7 +978,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -1023,7 +1036,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -1080,7 +1094,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -1137,7 +1152,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])
@@ -1194,7 +1210,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
       minStart: PropTypes.number,
       panning: PropTypes.bool,
       slider: PropTypes.shape({
-        enabled: PropTypes.bool
+        enabled: PropTypes.bool,
+        size: PropTypes.number
       }),
       step: PropTypes.number
     }), PropTypes.bool])

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v8.3.1
+ * @mui/x-charts-pro v8.4.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/esm/internals/plugins/useChartProExport/exportImage.js

@@ -4,7 +4,7 @@ import { createExportIframe } from "./common.js";
 export const getDrawDocument = async () => {
   try {
     const module = await import('rasterizehtml');
-    return module.drawDocument;
+    return (module.default || module).drawDocument;
   } catch (error) {
     throw new Error(`MUI X Charts: Failed to import 'rasterizehtml' module. This dependency is mandatory when exporting a chart as an image. Make sure you have it installed as a dependency.`, {
       cause: error

package/esm/internals/plugins/useChartProZoom/useChartProZoom.js

@@ -199,7 +199,7 @@ export const useChartProZoom = ({
     const handleDown = event => {
       panningEventCacheRef.current.push(event);
       const point = getSVGPoint(element, event);
-      if (!instance.isPointInside(point)) {
+      if (!instance.isPointInside(point.x, point.y)) {
         return;
       }
       // If there is only one pointer, prevent selecting text
@@ -245,7 +245,7 @@ export const useChartProZoom = ({
         return;
       }
       const point = getSVGPoint(element, event);
-      if (!instance.isPointInside(point)) {
+      if (!instance.isPointInside(point.x, point.y)) {
         return;
       }
       event.preventDefault();

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v8.3.1
+ * @mui/x-charts-pro v8.4.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/internals/plugins/useChartProExport/exportImage.js

@@ -13,7 +13,7 @@ var _common = require("./common");
 const getDrawDocument = async () => {
   try {
     const module = await Promise.resolve().then(() => (0, _interopRequireWildcard2.default)(require('rasterizehtml')));
-    return module.drawDocument;
+    return (module.default || module).drawDocument;
   } catch (error) {
     throw new Error(`MUI X Charts: Failed to import 'rasterizehtml' module. This dependency is mandatory when exporting a chart as an image. Make sure you have it installed as a dependency.`, {
       cause: error

package/internals/plugins/useChartProZoom/useChartProZoom.js

@@ -206,7 +206,7 @@ const useChartProZoom = ({
     const handleDown = event => {
       panningEventCacheRef.current.push(event);
       const point = (0, _internals.getSVGPoint)(element, event);
-      if (!instance.isPointInside(point)) {
+      if (!instance.isPointInside(point.x, point.y)) {
         return;
       }
       // If there is only one pointer, prevent selecting text
@@ -252,7 +252,7 @@ const useChartProZoom = ({
         return;
       }
       const point = (0, _internals.getSVGPoint)(element, event);
-      if (!instance.isPointInside(point)) {
+      if (!instance.isPointInside(point.x, point.y)) {
         return;
       }
       event.preventDefault();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-pro",
-  "version": "8.3.1",
+  "version": "8.4.0",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Charts components.",
   "main": "./index.js",
@@ -33,10 +33,10 @@
     "@mui/utils": "^7.0.2",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-internals": "8.3.1",
-    "@mui/x-charts-vendor": "8.3.1",
-    "@mui/x-license": "8.3.1",
-    "@mui/x-charts": "8.3.1"
+    "@mui/x-internals": "8.4.0",
+    "@mui/x-license": "8.4.0",
+    "@mui/x-charts": "8.4.0",
+    "@mui/x-charts-vendor": "8.4.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/ChartZoomSlider/internals/ChartAxisZoomSliderHandle.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export interface ChartZoomSliderHandleOwnerState {
-  onResize: (event: PointerEvent) => void;
-  orientation: 'horizontal' | 'vertical';
-  placement: 'start' | 'end';
-}
-export interface ChartZoomSliderHandleProps extends Pick<React.ComponentProps<'rect'>, 'x' | 'y' | 'width' | 'height' | 'rx' | 'ry'>, ChartZoomSliderHandleOwnerState {}
-/**
- * Renders the zoom slider handle, which is responsible for resizing the zoom range.
- * @internal
- */
-export declare const ChartAxisZoomSliderHandle: React.ForwardRefExoticComponent<ChartZoomSliderHandleProps & React.RefAttributes<SVGRectElement>>;

package/ChartZoomSlider/internals/ChartAxisZoomSliderHandle.js

@@ -1,92 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartAxisZoomSliderHandle = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _styles = require("@mui/material/styles");
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _rafThrottle = require("@mui/x-internals/rafThrottle");
-var _chartAxisZoomSliderHandleClasses = require("./chartAxisZoomSliderHandleClasses");
-var _jsxRuntime = require("react/jsx-runtime");
-const Rect = (0, _styles.styled)('rect')(({
-  theme
-}) => ({
-  [`&.${_chartAxisZoomSliderHandleClasses.chartAxisZoomSliderHandleClasses.root}`]: {
-    fill: theme.palette.mode === 'dark' ? (theme.vars || theme).palette.grey[300] : (theme.vars || theme).palette.common.white,
-    stroke: theme.palette.mode === 'dark' ? (theme.vars || theme).palette.grey[600] : (theme.vars || theme).palette.grey[500]
-  },
-  [`&.${_chartAxisZoomSliderHandleClasses.chartAxisZoomSliderHandleClasses.horizontal}`]: {
-    cursor: 'ew-resize'
-  },
-  [`&.${_chartAxisZoomSliderHandleClasses.chartAxisZoomSliderHandleClasses.vertical}`]: {
-    cursor: 'ns-resize'
-  }
-}));
-/**
- * Renders the zoom slider handle, which is responsible for resizing the zoom range.
- * @internal
- */
-const ChartAxisZoomSliderHandle = exports.ChartAxisZoomSliderHandle = /*#__PURE__*/React.forwardRef(function ChartPreviewHandle({
-  x,
-  y,
-  width,
-  height,
-  onResize,
-  orientation,
-  placement,
-  rx = 4,
-  ry = 4
-}, forwardedRef) {
-  const classes = (0, _chartAxisZoomSliderHandleClasses.useUtilityClasses)({
-    onResize,
-    orientation,
-    placement
-  });
-  const handleRef = React.useRef(null);
-  const ref = (0, _useForkRef.default)(handleRef, forwardedRef);
-  const onResizeEvent = (0, _useEventCallback.default)(onResize);
-  React.useEffect(() => {
-    const handle = handleRef.current;
-    if (!handle) {
-      return;
-    }
-    const onPointerMove = (0, _rafThrottle.rafThrottle)(event => {
-      onResizeEvent(event);
-    });
-    const onPointerUp = () => {
-      handle.removeEventListener('pointermove', onPointerMove);
-      handle.removeEventListener('pointerup', onPointerUp);
-    };
-    const onPointerDown = event => {
-      // Prevent text selection when dragging the handle
-      event.preventDefault();
-      event.stopPropagation();
-      handle.setPointerCapture(event.pointerId);
-      handle.addEventListener('pointerup', onPointerUp);
-      handle.addEventListener('pointermove', onPointerMove);
-    };
-    handle.addEventListener('pointerdown', onPointerDown);
-
-    // eslint-disable-next-line consistent-return
-    return () => {
-      handle.removeEventListener('pointerdown', onPointerDown);
-      onPointerMove.clear();
-    };
-  }, [onResizeEvent, orientation]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Rect, {
-    className: classes.root,
-    ref: ref,
-    x: x,
-    y: y,
-    width: width,
-    height: height,
-    rx: rx,
-    ry: ry
-  });
-});

package/ChartZoomSlider/internals/chartAxisZoomSliderHandleClasses.d.ts

@@ -1,17 +0,0 @@
-import type { ChartZoomSliderHandleOwnerState } from "./ChartAxisZoomSliderHandle.js";
-export interface ChartAxisZoomSliderHandleClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element when it is horizontal. */
-  horizontal: string;
-  /** Styles applied to the root element when it is vertical. */
-  vertical: string;
-  /** Styles applied to the root element when it is a start handle. */
-  start: string;
-  /** Styles applied to the root element when it is an end handle. */
-  end: string;
-}
-export type ChartAxisZoomSliderHandleClassKey = keyof ChartAxisZoomSliderHandleClasses;
-export declare const chartAxisZoomSliderHandleClasses: ChartAxisZoomSliderHandleClasses;
-export declare function getAxisZoomSliderHandleUtilityClass(slot: string): string;
-export declare const useUtilityClasses: (ownerState: ChartZoomSliderHandleOwnerState) => Record<"root", string>;