@mui/x-charts 8.0.0-beta.2 → 8.0.0

package/modern/ChartsTooltip/ChartsTooltip.js

@@ -1,199 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import HTMLElementType from '@mui/utils/HTMLElementType';
-import { ChartsItemTooltipContent } from "./ChartsItemTooltipContent.js";
-import { ChartsAxisTooltipContent } from "./ChartsAxisTooltipContent.js";
-import { ChartsTooltipContainer } from "./ChartsTooltipContainer.js";
-import { useUtilityClasses } from "./chartsTooltipClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Demos:
- *
- * - [ChartsTooltip](https://mui.com/x/react-charts/tooltip/)
- *
- * API:
- *
- * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
- */
-function ChartsTooltip(props) {
-  const {
-    classes: propClasses,
-    trigger = 'axis'
-  } = props;
-  const classes = useUtilityClasses(propClasses);
-  return /*#__PURE__*/_jsx(ChartsTooltipContainer, _extends({}, props, {
-    classes: classes,
-    children: trigger === 'axis' ? /*#__PURE__*/_jsx(ChartsAxisTooltipContent, {
-      classes: classes
-    }) : /*#__PURE__*/_jsx(ChartsItemTooltipContent, {
-      classes: classes
-    })
-  }));
-}
-process.env.NODE_ENV !== "production" ? ChartsTooltip.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
-   * or a function that returns either.
-   * It's used to set the position of the popper.
-   * The return value will passed as the reference object of the Popper instance.
-   */
-  anchorEl: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.object, PropTypes.func]),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  components: PropTypes.shape({
-    Root: PropTypes.elementType
-  }),
-  /**
-   * The props used for each slot inside the Popper.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  componentsProps: PropTypes.shape({
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: PropTypes.oneOfType([(props, propName) => {
-    if (props[propName] == null) {
-      return new Error(`Prop '${propName}' is required but wasn't specified`);
-    }
-    if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-      return new Error(`Expected prop '${propName}' to be of type Element`);
-    }
-    return null;
-  }, PropTypes.func]),
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: PropTypes.bool,
-  /**
-   * Always keep the children in the DOM.
-   * This prop can be useful in SEO situation or
-   * when you want to maximize the responsiveness of the Popper.
-   * @default false
-   */
-  keepMounted: PropTypes.bool,
-  /**
-   * Popper.js is based on a "plugin-like" architecture,
-   * most of its features are fully encapsulated "modifiers".
-   *
-   * A modifier is a function that is called each time Popper.js needs to
-   * compute the position of the popper.
-   * For this reason, modifiers should be very performant to avoid bottlenecks.
-   * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
-   */
-  modifiers: PropTypes.arrayOf(PropTypes.shape({
-    data: PropTypes.object,
-    effect: PropTypes.func,
-    enabled: PropTypes.bool,
-    fn: PropTypes.func,
-    name: PropTypes.any,
-    options: PropTypes.object,
-    phase: PropTypes.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),
-    requires: PropTypes.arrayOf(PropTypes.string),
-    requiresIfExists: PropTypes.arrayOf(PropTypes.string)
-  })),
-  /**
-   * If `true`, the component is shown.
-   */
-  open: PropTypes.bool,
-  /**
-   * Popper placement.
-   * @default 'bottom'
-   */
-  placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-  /**
-   * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
-   * @default {}
-   */
-  popperOptions: PropTypes.shape({
-    modifiers: PropTypes.array,
-    onFirstUpdate: PropTypes.func,
-    placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-    strategy: PropTypes.oneOf(['absolute', 'fixed'])
-  }),
-  /**
-   * A ref that points to the used popper instance.
-   */
-  popperRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.shape({
-      destroy: PropTypes.func.isRequired,
-      forceUpdate: PropTypes.func.isRequired,
-      setOptions: PropTypes.func.isRequired,
-      state: PropTypes.shape({
-        attributes: PropTypes.object.isRequired,
-        elements: PropTypes.object.isRequired,
-        modifiersData: PropTypes.object.isRequired,
-        options: PropTypes.object.isRequired,
-        orderedModifiers: PropTypes.arrayOf(PropTypes.object).isRequired,
-        placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']).isRequired,
-        rects: PropTypes.object.isRequired,
-        reset: PropTypes.bool.isRequired,
-        scrollParents: PropTypes.object.isRequired,
-        strategy: PropTypes.oneOf(['absolute', 'fixed']).isRequired,
-        styles: PropTypes.object.isRequired
-      }).isRequired,
-      update: PropTypes.func.isRequired
-    })
-  })]),
-  /**
-   * The props used for each slot inside the Popper.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: PropTypes.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * Help supporting a react-transition-group/Transition component.
-   * @default false
-   */
-  transition: PropTypes.bool,
-  /**
-   * Select the kind of tooltip to display
-   * - 'item': Shows data about the item below the mouse.
-   * - 'axis': Shows values associated with the hovered x value
-   * - 'none': Does not display tooltip
-   * @default 'axis'
-   */
-  trigger: PropTypes.oneOf(['axis', 'item', 'none'])
-} : void 0;
-export { ChartsTooltip };

package/modern/ChartsTooltip/ChartsTooltipContainer.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import { PopperProps } from '@mui/material/Popper';
-import { TriggerOptions } from "./utils.js";
-import { ChartsTooltipClasses } from "./chartsTooltipClasses.js";
-export interface ChartsTooltipContainerProps extends Partial<PopperProps> {
-  /**
-   * Select the kind of tooltip to display
-   * - 'item': Shows data about the item below the mouse.
-   * - 'axis': Shows values associated with the hovered x value
-   * - 'none': Does not display tooltip
-   * @default 'axis'
-   */
-  trigger?: TriggerOptions;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<ChartsTooltipClasses>;
-  children?: React.ReactNode;
-}
-/**
- * Demos:
- *
- * - [ChartsTooltip](https://mui.com/x/react-charts/tooltip/)
- *
- * API:
- *
- * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
- */
-declare function ChartsTooltipContainer(inProps: ChartsTooltipContainerProps): React.JSX.Element | null;
-declare namespace ChartsTooltipContainer {
-  var propTypes: any;
-}
-export { ChartsTooltipContainer };

package/modern/ChartsTooltip/ChartsTooltipContainer.js

@@ -1,296 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["trigger", "classes", "children"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import HTMLElementType from '@mui/utils/HTMLElementType';
-import useLazyRef from '@mui/utils/useLazyRef';
-import { styled, useThemeProps } from '@mui/material/styles';
-import Popper from '@mui/material/Popper';
-import NoSsr from '@mui/material/NoSsr';
-import { useSvgRef } from "../hooks/useSvgRef.js";
-import { usePointerType } from "./utils.js";
-import { useSelector } from "../internals/store/useSelector.js";
-import { useStore } from "../internals/store/useStore.js";
-import { useXAxis } from "../hooks/index.js";
-import { selectorChartsInteractionItemIsDefined } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
-import { selectorChartsInteractionXAxisIsDefined, selectorChartsInteractionYAxisIsDefined } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const ChartsTooltipRoot = styled(Popper, {
-  name: 'MuiChartsTooltip',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
-})(({
-  theme
-}) => ({
-  pointerEvents: 'none',
-  zIndex: theme.zIndex.modal
-}));
-const axisHasData = axis => axis?.data !== undefined && axis.data.length !== 0;
-
-/**
- * Demos:
- *
- * - [ChartsTooltip](https://mui.com/x/react-charts/tooltip/)
- *
- * API:
- *
- * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
- */
-function ChartsTooltipContainer(inProps) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiChartsTooltipContainer'
-  });
-  const {
-      trigger = 'axis',
-      classes,
-      children
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const svgRef = useSvgRef();
-  const pointerType = usePointerType();
-  const xAxis = useXAxis();
-  const popperRef = React.useRef(null);
-  const positionRef = useLazyRef(() => ({
-    x: 0,
-    y: 0
-  }));
-  const store = useStore();
-  const isOpen = useSelector(store,
-  // eslint-disable-next-line no-nested-ternary
-  trigger === 'axis' ? axisHasData(xAxis) ? selectorChartsInteractionXAxisIsDefined : selectorChartsInteractionYAxisIsDefined : selectorChartsInteractionItemIsDefined);
-  const popperOpen = pointerType !== null && isOpen; // tooltipHasData;
-
-  React.useEffect(() => {
-    const element = svgRef.current;
-    if (element === null) {
-      return () => {};
-    }
-    const handleMove = event => {
-      // eslint-disable-next-line react-compiler/react-compiler
-      positionRef.current = {
-        x: event.clientX,
-        y: event.clientY
-      };
-      popperRef.current?.update();
-    };
-    element.addEventListener('pointermove', handleMove);
-    return () => {
-      element.removeEventListener('pointermove', handleMove);
-    };
-  }, [svgRef, positionRef]);
-  const anchorEl = React.useMemo(() => ({
-    getBoundingClientRect: () => ({
-      x: positionRef.current.x,
-      y: positionRef.current.y,
-      top: positionRef.current.y,
-      left: positionRef.current.x,
-      right: positionRef.current.x,
-      bottom: positionRef.current.y,
-      width: 0,
-      height: 0,
-      toJSON: () => ''
-    })
-  }), [positionRef]);
-  const modifiers = React.useMemo(() => [{
-    name: 'offset',
-    options: {
-      offset: ({
-        placement
-      }) => {
-        if (pointerType?.pointerType !== 'touch') {
-          return [0, 0];
-        }
-        const isBottom = placement.startsWith('bottom');
-        const placementOffset = isBottom ? 32 : 8;
-        return [0, pointerType.height + placementOffset];
-      }
-    }
-  }], [pointerType]);
-  if (trigger === 'none') {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(NoSsr, {
-    children: popperOpen && /*#__PURE__*/_jsx(ChartsTooltipRoot, _extends({
-      className: classes?.root,
-      open: popperOpen,
-      placement: pointerType?.pointerType === 'mouse' ? 'right-start' : 'top',
-      popperRef: popperRef,
-      anchorEl: anchorEl,
-      modifiers: modifiers
-    }, other, {
-      children: children
-    }))
-  });
-}
-process.env.NODE_ENV !== "production" ? ChartsTooltipContainer.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
-   * or a function that returns either.
-   * It's used to set the position of the popper.
-   * The return value will passed as the reference object of the Popper instance.
-   */
-  anchorEl: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.object, PropTypes.func]),
-  /**
-   * Popper render function or node.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  components: PropTypes.shape({
-    Root: PropTypes.elementType
-  }),
-  /**
-   * The props used for each slot inside the Popper.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   * @default {}
-   */
-  componentsProps: PropTypes.shape({
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: PropTypes.oneOfType([(props, propName) => {
-    if (props[propName] == null) {
-      return new Error(`Prop '${propName}' is required but wasn't specified`);
-    }
-    if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-      return new Error(`Expected prop '${propName}' to be of type Element`);
-    }
-    return null;
-  }, PropTypes.func]),
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: PropTypes.bool,
-  /**
-   * Always keep the children in the DOM.
-   * This prop can be useful in SEO situation or
-   * when you want to maximize the responsiveness of the Popper.
-   * @default false
-   */
-  keepMounted: PropTypes.bool,
-  /**
-   * Popper.js is based on a "plugin-like" architecture,
-   * most of its features are fully encapsulated "modifiers".
-   *
-   * A modifier is a function that is called each time Popper.js needs to
-   * compute the position of the popper.
-   * For this reason, modifiers should be very performant to avoid bottlenecks.
-   * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
-   */
-  modifiers: PropTypes.arrayOf(PropTypes.shape({
-    data: PropTypes.object,
-    effect: PropTypes.func,
-    enabled: PropTypes.bool,
-    fn: PropTypes.func,
-    name: PropTypes.any,
-    options: PropTypes.object,
-    phase: PropTypes.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),
-    requires: PropTypes.arrayOf(PropTypes.string),
-    requiresIfExists: PropTypes.arrayOf(PropTypes.string)
-  })),
-  /**
-   * If `true`, the component is shown.
-   */
-  open: PropTypes.bool,
-  /**
-   * Popper placement.
-   * @default 'bottom'
-   */
-  placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-  /**
-   * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
-   * @default {}
-   */
-  popperOptions: PropTypes.shape({
-    modifiers: PropTypes.array,
-    onFirstUpdate: PropTypes.func,
-    placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
-    strategy: PropTypes.oneOf(['absolute', 'fixed'])
-  }),
-  /**
-   * A ref that points to the used popper instance.
-   */
-  popperRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.shape({
-      destroy: PropTypes.func.isRequired,
-      forceUpdate: PropTypes.func.isRequired,
-      setOptions: PropTypes.func.isRequired,
-      state: PropTypes.shape({
-        attributes: PropTypes.object.isRequired,
-        elements: PropTypes.object.isRequired,
-        modifiersData: PropTypes.object.isRequired,
-        options: PropTypes.object.isRequired,
-        orderedModifiers: PropTypes.arrayOf(PropTypes.object).isRequired,
-        placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']).isRequired,
-        rects: PropTypes.object.isRequired,
-        reset: PropTypes.bool.isRequired,
-        scrollParents: PropTypes.object.isRequired,
-        strategy: PropTypes.oneOf(['absolute', 'fixed']).isRequired,
-        styles: PropTypes.object.isRequired
-      }).isRequired,
-      update: PropTypes.func.isRequired
-    })
-  })]),
-  /**
-   * The props used for each slot inside the Popper.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * The components used for each slot inside the Popper.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: PropTypes.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * Help supporting a react-transition-group/Transition component.
-   * @default false
-   */
-  transition: PropTypes.bool,
-  /**
-   * Select the kind of tooltip to display
-   * - 'item': Shows data about the item below the mouse.
-   * - 'axis': Shows values associated with the hovered x value
-   * - 'none': Does not display tooltip
-   * @default 'axis'
-   */
-  trigger: PropTypes.oneOf(['axis', 'item', 'none'])
-} : void 0;
-export { ChartsTooltipContainer };

package/modern/ChartsTooltip/ChartsTooltipTable.d.ts

@@ -1,16 +0,0 @@
-/**
- * @ignore - internal component.
- */
-export declare const ChartsTooltipPaper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
-/**
- * @ignore - internal component.
- */
-export declare const ChartsTooltipTable: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, keyof import("react").ClassAttributes<HTMLTableElement> | keyof import("react").TableHTMLAttributes<HTMLTableElement>>, {}>;
-/**
- * @ignore - internal component.
- */
-export declare const ChartsTooltipRow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, keyof import("react").ClassAttributes<HTMLTableRowElement> | keyof import("react").HTMLAttributes<HTMLTableRowElement>>, {}>;
-/**
- * @ignore - internal component.
- */
-export declare const ChartsTooltipCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, keyof import("react").ClassAttributes<HTMLTableDataCellElement> | keyof import("react").TdHTMLAttributes<HTMLTableDataCellElement>>, {}>;

package/modern/ChartsTooltip/ChartsTooltipTable.js

@@ -1,85 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { chartsTooltipClasses } from "./chartsTooltipClasses.js";
-
-/**
- * @ignore - internal component.
- */
-export const ChartsTooltipPaper = styled('div', {
-  name: 'MuiChartsTooltip',
-  slot: 'Container',
-  overridesResolver: (props, styles) => styles.paper
-})(({
-  theme
-}) => ({
-  backgroundColor: (theme.vars || theme).palette.background.paper,
-  color: (theme.vars || theme).palette.text.primary,
-  borderRadius: (theme.vars || theme).shape?.borderRadius,
-  border: `solid ${(theme.vars || theme).palette.divider} 1px`
-}));
-
-/**
- * @ignore - internal component.
- */
-export const ChartsTooltipTable = styled('table', {
-  name: 'MuiChartsTooltip',
-  slot: 'Table',
-  overridesResolver: (props, styles) => styles.table
-})(({
-  theme
-}) => ({
-  borderSpacing: 0,
-  '& thead td': {
-    borderBottom: `solid ${(theme.vars || theme).palette.divider} 1px`
-  }
-}));
-
-/**
- * @ignore - internal component.
- */
-export const ChartsTooltipRow = styled('tr', {
-  name: 'MuiChartsTooltip',
-  slot: 'Row',
-  overridesResolver: (props, styles) => styles.row
-})(({
-  theme
-}) => ({
-  'tr:first-of-type& td': {
-    paddingTop: theme.spacing(0.5)
-  },
-  'tr:last-of-type& td': {
-    paddingBottom: theme.spacing(0.5)
-  }
-}));
-
-/**
- * @ignore - internal component.
- */
-export const ChartsTooltipCell = styled('td', {
-  name: 'MuiChartsTooltip',
-  slot: 'Cell',
-  overridesResolver: (props, styles) => styles.cell
-})(({
-  theme
-}) => ({
-  verticalAlign: 'middle',
-  color: (theme.vars || theme).palette.text.secondary,
-  [`&.${chartsTooltipClasses.labelCell}`]: {
-    paddingLeft: theme.spacing(1),
-    paddingRight: theme.spacing(1.5),
-    fontWeight: theme.typography.fontWeightRegular
-  },
-  [`&.${chartsTooltipClasses.valueCell}, &.${chartsTooltipClasses.axisValueCell}`]: {
-    color: (theme.vars || theme).palette.text.primary,
-    fontWeight: theme.typography.fontWeightMedium
-  },
-  [`&.${chartsTooltipClasses.valueCell}`]: {
-    paddingLeft: theme.spacing(1.5),
-    paddingRight: theme.spacing(1.5)
-  },
-  'td:first-of-type&': {
-    paddingLeft: theme.spacing(1.5)
-  },
-  'td:last-of-type&': {
-    paddingRight: theme.spacing(1.5)
-  }
-}));

package/modern/ChartsTooltip/chartsTooltipClasses.d.ts

@@ -1,26 +0,0 @@
-export interface ChartsTooltipClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the paper element. */
-  paper: string;
-  /** Styles applied to the table element. */
-  table: string;
-  /** Styles applied to the row element. */
-  row: string;
-  /** Styles applied to the cell element. */
-  cell: string;
-  /** Styles applied to the mark element. */
-  mark: string;
-  /** Styles applied to the markCell element. */
-  markCell: string;
-  /** Styles applied to the labelCell element. */
-  labelCell: string;
-  /** Styles applied to the valueCell element. */
-  valueCell: string;
-  /** Styles applied to the axisValueCell element. Only available for axis tooltip. */
-  axisValueCell: string;
-}
-export type ChartsTooltipClassKey = keyof Omit<ChartsTooltipClasses, 'markCell' | 'labelCell' | 'valueCell'>;
-export declare function getChartsTooltipUtilityClass(slot: string): string;
-export declare const chartsTooltipClasses: ChartsTooltipClasses;
-export declare const useUtilityClasses: (classes?: Partial<ChartsTooltipClasses>) => Record<"root" | "mark" | "table" | "cell" | "row" | "markCell" | "labelCell" | "valueCell" | "paper" | "axisValueCell", string>;

package/modern/ChartsTooltip/chartsTooltipClasses.js

@@ -1,22 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import composeClasses from '@mui/utils/composeClasses';
-export function getChartsTooltipUtilityClass(slot) {
-  return generateUtilityClass('MuiChartsTooltip', slot);
-}
-export const chartsTooltipClasses = generateUtilityClasses('MuiChartsTooltip', ['root', 'paper', 'table', 'row', 'cell', 'mark', 'markCell', 'labelCell', 'valueCell', 'axisValueCell']);
-export const useUtilityClasses = classes => {
-  const slots = {
-    root: ['root'],
-    paper: ['paper'],
-    table: ['table'],
-    row: ['row'],
-    cell: ['cell'],
-    mark: ['mark'],
-    markCell: ['markCell'],
-    labelCell: ['labelCell'],
-    valueCell: ['valueCell'],
-    axisValueCell: ['axisValueCell']
-  };
-  return composeClasses(slots, getChartsTooltipUtilityClass, classes);
-};