@mui/x-charts-pro 8.3.1 → 8.4.0

package/esm/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/esm/ChartZoomSlider/internals/ChartAxisZoomSliderHandle.js

@@ -1,85 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import useForkRef from '@mui/utils/useForkRef';
-import useEventCallback from '@mui/utils/useEventCallback';
-import { rafThrottle } from '@mui/x-internals/rafThrottle';
-import { chartAxisZoomSliderHandleClasses, useUtilityClasses } from "./chartAxisZoomSliderHandleClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const Rect = styled('rect')(({
-  theme
-}) => ({
-  [`&.${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.horizontal}`]: {
-    cursor: 'ew-resize'
-  },
-  [`&.${chartAxisZoomSliderHandleClasses.vertical}`]: {
-    cursor: 'ns-resize'
-  }
-}));
-/**
- * Renders the zoom slider handle, which is responsible for resizing the zoom range.
- * @internal
- */
-export const ChartAxisZoomSliderHandle = /*#__PURE__*/React.forwardRef(function ChartPreviewHandle({
-  x,
-  y,
-  width,
-  height,
-  onResize,
-  orientation,
-  placement,
-  rx = 4,
-  ry = 4
-}, forwardedRef) {
-  const classes = useUtilityClasses({
-    onResize,
-    orientation,
-    placement
-  });
-  const handleRef = React.useRef(null);
-  const ref = useForkRef(handleRef, forwardedRef);
-  const onResizeEvent = useEventCallback(onResize);
-  React.useEffect(() => {
-    const handle = handleRef.current;
-    if (!handle) {
-      return;
-    }
-    const onPointerMove = 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__*/_jsx(Rect, {
-    className: classes.root,
-    ref: ref,
-    x: x,
-    y: y,
-    width: width,
-    height: height,
-    rx: rx,
-    ry: ry
-  });
-});

package/esm/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>;