@mui/x-charts-pro 8.3.1 → 8.5.0

package/ChartsToolbarPro/internal/ChartsToolbarZoomInButton.js

@@ -1,36 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartsToolbarZoomInButton = ChartsToolbarZoomInButton;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _Toolbar = require("@mui/x-charts/Toolbar");
-var _internals = require("@mui/x-charts/internals");
-var _hooks = require("@mui/x-charts/hooks");
-var _material = require("../../internals/material");
-var _jsxRuntime = require("react/jsx-runtime");
-function ChartsToolbarZoomInButton({
-  slots,
-  slotProps
-}) {
-  const {
-    instance
-  } = (0, _internals.useChartContext)();
-  const ZoomInIcon = slots?.zoomInIcon ?? _material.defaultSlotsMaterial.zoomInIcon;
-  const Tooltip = slots?.baseTooltip ?? _material.defaultSlotsMaterial.baseTooltip;
-  const {
-    localeText
-  } = (0, _hooks.useChartsLocalization)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, {
-    title: localeText.zoomIn,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbar.ToolbarButton, {
-      onClick: () => instance.zoomIn(),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ZoomInIcon, (0, _extends2.default)({}, slotProps?.zoomInIcon))
-    })
-  });
-}

package/ChartsToolbarPro/internal/ChartsToolbarZoomOutButton.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { ChartsSlotsPro } from "../../internals/material/index.js";
-type ChartsToolbarZoomOutButtonSlots = Partial<Pick<ChartsSlotsPro, 'baseTooltip' | 'zoomOutIcon'>>;
-type ChartsToolbarZoomOutButtonSlotProps = { [K in keyof Required<ChartsToolbarZoomOutButtonSlots>]: React.ComponentProps<Required<ChartsToolbarZoomOutButtonSlots>[K]> };
-interface ChartsToolbarZoomOutButtonProps {
-  slots?: ChartsToolbarZoomOutButtonSlots;
-  slotProps?: ChartsToolbarZoomOutButtonSlotProps;
-}
-export declare function ChartsToolbarZoomOutButton({
-  slots,
-  slotProps
-}: ChartsToolbarZoomOutButtonProps): React.JSX.Element;
-export {};

package/ChartsToolbarPro/internal/ChartsToolbarZoomOutButton.js

@@ -1,36 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartsToolbarZoomOutButton = ChartsToolbarZoomOutButton;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _Toolbar = require("@mui/x-charts/Toolbar");
-var _internals = require("@mui/x-charts/internals");
-var _hooks = require("@mui/x-charts/hooks");
-var _material = require("../../internals/material");
-var _jsxRuntime = require("react/jsx-runtime");
-function ChartsToolbarZoomOutButton({
-  slots,
-  slotProps
-}) {
-  const {
-    instance
-  } = (0, _internals.useChartContext)();
-  const ZoomOutIcon = slots?.zoomOutIcon ?? _material.defaultSlotsMaterial.zoomOutIcon;
-  const Tooltip = slots?.baseTooltip ?? _material.defaultSlotsMaterial.baseTooltip;
-  const {
-    localeText
-  } = (0, _hooks.useChartsLocalization)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, {
-    title: localeText.zoomOut,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbar.ToolbarButton, {
-      onClick: () => instance.zoomOut(),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ZoomOutIcon, (0, _extends2.default)({}, slotProps?.zoomOutIcon))
-    })
-  });
-}

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>;

package/esm/ChartsToolbarPro/internal/ChartsToolbarZoomInButton.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { ChartsSlotsPro } from "../../internals/material/index.js";
-type ChartsToolbarZoomInButtonSlots = Partial<Pick<ChartsSlotsPro, 'baseTooltip' | 'zoomInIcon'>>;
-type ChartsToolbarZoomInButtonSlotProps = { [K in keyof Required<ChartsToolbarZoomInButtonSlots>]: React.ComponentProps<Required<ChartsToolbarZoomInButtonSlots>[K]> };
-interface ChartsToolbarZoomInButtonProps {
-  slots?: ChartsToolbarZoomInButtonSlots;
-  slotProps?: ChartsToolbarZoomInButtonSlotProps;
-}
-export declare function ChartsToolbarZoomInButton({
-  slots,
-  slotProps
-}: ChartsToolbarZoomInButtonProps): React.JSX.Element;
-export {};

package/esm/ChartsToolbarPro/internal/ChartsToolbarZoomInButton.js

@@ -1,29 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { ToolbarButton } from '@mui/x-charts/Toolbar';
-import { useChartContext } from '@mui/x-charts/internals';
-import { useChartsLocalization } from '@mui/x-charts/hooks';
-import { defaultSlotsMaterial } from "../../internals/material/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function ChartsToolbarZoomInButton({
-  slots,
-  slotProps
-}) {
-  const {
-    instance
-  } = useChartContext();
-  const ZoomInIcon = slots?.zoomInIcon ?? defaultSlotsMaterial.zoomInIcon;
-  const Tooltip = slots?.baseTooltip ?? defaultSlotsMaterial.baseTooltip;
-  const {
-    localeText
-  } = useChartsLocalization();
-  return /*#__PURE__*/_jsx(Tooltip, {
-    title: localeText.zoomIn,
-    children: /*#__PURE__*/_jsx(ToolbarButton, {
-      onClick: () => instance.zoomIn(),
-      children: /*#__PURE__*/_jsx(ZoomInIcon, _extends({}, slotProps?.zoomInIcon))
-    })
-  });
-}

package/esm/ChartsToolbarPro/internal/ChartsToolbarZoomOutButton.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { ChartsSlotsPro } from "../../internals/material/index.js";
-type ChartsToolbarZoomOutButtonSlots = Partial<Pick<ChartsSlotsPro, 'baseTooltip' | 'zoomOutIcon'>>;
-type ChartsToolbarZoomOutButtonSlotProps = { [K in keyof Required<ChartsToolbarZoomOutButtonSlots>]: React.ComponentProps<Required<ChartsToolbarZoomOutButtonSlots>[K]> };
-interface ChartsToolbarZoomOutButtonProps {
-  slots?: ChartsToolbarZoomOutButtonSlots;
-  slotProps?: ChartsToolbarZoomOutButtonSlotProps;
-}
-export declare function ChartsToolbarZoomOutButton({
-  slots,
-  slotProps
-}: ChartsToolbarZoomOutButtonProps): React.JSX.Element;
-export {};

package/esm/ChartsToolbarPro/internal/ChartsToolbarZoomOutButton.js

@@ -1,29 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { ToolbarButton } from '@mui/x-charts/Toolbar';
-import { useChartContext } from '@mui/x-charts/internals';
-import { useChartsLocalization } from '@mui/x-charts/hooks';
-import { defaultSlotsMaterial } from "../../internals/material/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function ChartsToolbarZoomOutButton({
-  slots,
-  slotProps
-}) {
-  const {
-    instance
-  } = useChartContext();
-  const ZoomOutIcon = slots?.zoomOutIcon ?? defaultSlotsMaterial.zoomOutIcon;
-  const Tooltip = slots?.baseTooltip ?? defaultSlotsMaterial.baseTooltip;
-  const {
-    localeText
-  } = useChartsLocalization();
-  return /*#__PURE__*/_jsx(Tooltip, {
-    title: localeText.zoomOut,
-    children: /*#__PURE__*/_jsx(ToolbarButton, {
-      onClick: () => instance.zoomOut(),
-      children: /*#__PURE__*/_jsx(ZoomOutIcon, _extends({}, slotProps?.zoomOutIcon))
-    })
-  });
-}