@mui/material 5.10.16 → 5.11.0

package/Tooltip/Tooltip.js

@@ -1,35 +1,26 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.testReset = testReset;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _utils = require("@mui/utils");
-var _base = require("@mui/base");
-var _system = require("@mui/system");
-var _styled = _interopRequireDefault(require("../styles/styled"));
-var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-var _Grow = _interopRequireDefault(require("../Grow"));
-var _Popper = _interopRequireDefault(require("../Popper"));
-var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
-var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
-var _useId = _interopRequireDefault(require("../utils/useId"));
-var _useIsFocusVisible = _interopRequireDefault(require("../utils/useIsFocusVisible"));
-var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
-var _tooltipClasses = _interopRequireWildcard(require("./tooltipClasses"));
-var _jsxRuntime = require("react/jsx-runtime");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["arrow", "children", "classes", "components", "componentsProps", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperComponent", "PopperProps", "slotProps", "slots", "title", "TransitionComponent", "TransitionProps"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { elementAcceptingRef } from '@mui/utils';
+import { unstable_composeClasses as composeClasses, appendOwnerState } from '@mui/base';
+import { alpha } from '@mui/system';
+import styled from '../styles/styled';
+import useTheme from '../styles/useTheme';
+import useThemeProps from '../styles/useThemeProps';
+import capitalize from '../utils/capitalize';
+import Grow from '../Grow';
+import Popper from '../Popper';
+import useEventCallback from '../utils/useEventCallback';
+import useForkRef from '../utils/useForkRef';
+import useId from '../utils/useId';
+import useIsFocusVisible from '../utils/useIsFocusVisible';
+import useControlled from '../utils/useControlled';
+import tooltipClasses, { getTooltipUtilityClass } from './tooltipClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
 }
@@ -43,12 +34,12 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     popper: ['popper', !disableInteractive && 'popperInteractive', arrow && 'popperArrow'],
-    tooltip: ['tooltip', arrow && 'tooltipArrow', touch && 'touch', `tooltipPlacement${(0, _capitalize.default)(placement.split('-')[0])}`],
+    tooltip: ['tooltip', arrow && 'tooltipArrow', touch && 'touch', `tooltipPlacement${capitalize(placement.split('-')[0])}`],
     arrow: ['arrow']
   };
-  return (0, _base.unstable_composeClasses)(slots, _tooltipClasses.getTooltipUtilityClass, classes);
+  return composeClasses(slots, getTooltipUtilityClass, classes);
 };
-const TooltipPopper = (0, _styled.default)(_Popper.default, {
+const TooltipPopper = styled(Popper, {
   name: 'MuiTooltip',
   slot: 'Popper',
   overridesResolver: (props, styles) => {
@@ -61,7 +52,7 @@ const TooltipPopper = (0, _styled.default)(_Popper.default, {
   theme,
   ownerState,
   open
-}) => (0, _extends2.default)({
+}) => _extends({
   zIndex: (theme.vars || theme).zIndex.tooltip,
   pointerEvents: 'none'
 }, !ownerState.disableInteractive && {
@@ -69,21 +60,21 @@ const TooltipPopper = (0, _styled.default)(_Popper.default, {
 }, !open && {
   pointerEvents: 'none'
 }, ownerState.arrow && {
-  [`&[data-popper-placement*="bottom"] .${_tooltipClasses.default.arrow}`]: {
+  [`&[data-popper-placement*="bottom"] .${tooltipClasses.arrow}`]: {
     top: 0,
     marginTop: '-0.71em',
     '&::before': {
       transformOrigin: '0 100%'
     }
   },
-  [`&[data-popper-placement*="top"] .${_tooltipClasses.default.arrow}`]: {
+  [`&[data-popper-placement*="top"] .${tooltipClasses.arrow}`]: {
     bottom: 0,
     marginBottom: '-0.71em',
     '&::before': {
       transformOrigin: '100% 0'
     }
   },
-  [`&[data-popper-placement*="right"] .${_tooltipClasses.default.arrow}`]: (0, _extends2.default)({}, !ownerState.isRtl ? {
+  [`&[data-popper-placement*="right"] .${tooltipClasses.arrow}`]: _extends({}, !ownerState.isRtl ? {
     left: 0,
     marginLeft: '-0.71em'
   } : {
@@ -96,7 +87,7 @@ const TooltipPopper = (0, _styled.default)(_Popper.default, {
       transformOrigin: '100% 100%'
     }
   }),
-  [`&[data-popper-placement*="left"] .${_tooltipClasses.default.arrow}`]: (0, _extends2.default)({}, !ownerState.isRtl ? {
+  [`&[data-popper-placement*="left"] .${tooltipClasses.arrow}`]: _extends({}, !ownerState.isRtl ? {
     right: 0,
     marginRight: '-0.71em'
   } : {
@@ -110,20 +101,20 @@ const TooltipPopper = (0, _styled.default)(_Popper.default, {
     }
   })
 }));
-const TooltipTooltip = (0, _styled.default)('div', {
+const TooltipTooltip = styled('div', {
   name: 'MuiTooltip',
   slot: 'Tooltip',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.tooltip, ownerState.touch && styles.touch, ownerState.arrow && styles.tooltipArrow, styles[`tooltipPlacement${(0, _capitalize.default)(ownerState.placement.split('-')[0])}`]];
+    return [styles.tooltip, ownerState.touch && styles.touch, ownerState.arrow && styles.tooltipArrow, styles[`tooltipPlacement${capitalize(ownerState.placement.split('-')[0])}`]];
   }
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
-  backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : (0, _system.alpha)(theme.palette.grey[700], 0.92),
+}) => _extends({
+  backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.92),
   borderRadius: (theme.vars || theme).shape.borderRadius,
   color: (theme.vars || theme).palette.common.white,
   fontFamily: theme.typography.fontFamily,
@@ -142,42 +133,42 @@ const TooltipTooltip = (0, _styled.default)('div', {
   lineHeight: `${round(16 / 14)}em`,
   fontWeight: theme.typography.fontWeightRegular
 }, {
-  [`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: (0, _extends2.default)({
+  [`.${tooltipClasses.popper}[data-popper-placement*="left"] &`]: _extends({
     transformOrigin: 'right center'
-  }, !ownerState.isRtl ? (0, _extends2.default)({
+  }, !ownerState.isRtl ? _extends({
     marginRight: '14px'
   }, ownerState.touch && {
     marginRight: '24px'
-  }) : (0, _extends2.default)({
+  }) : _extends({
     marginLeft: '14px'
   }, ownerState.touch && {
     marginLeft: '24px'
   })),
-  [`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: (0, _extends2.default)({
+  [`.${tooltipClasses.popper}[data-popper-placement*="right"] &`]: _extends({
     transformOrigin: 'left center'
-  }, !ownerState.isRtl ? (0, _extends2.default)({
+  }, !ownerState.isRtl ? _extends({
     marginLeft: '14px'
   }, ownerState.touch && {
     marginLeft: '24px'
-  }) : (0, _extends2.default)({
+  }) : _extends({
     marginRight: '14px'
   }, ownerState.touch && {
     marginRight: '24px'
   })),
-  [`.${_tooltipClasses.default.popper}[data-popper-placement*="top"] &`]: (0, _extends2.default)({
+  [`.${tooltipClasses.popper}[data-popper-placement*="top"] &`]: _extends({
     transformOrigin: 'center bottom',
     marginBottom: '14px'
   }, ownerState.touch && {
     marginBottom: '24px'
   }),
-  [`.${_tooltipClasses.default.popper}[data-popper-placement*="bottom"] &`]: (0, _extends2.default)({
+  [`.${tooltipClasses.popper}[data-popper-placement*="bottom"] &`]: _extends({
     transformOrigin: 'center top',
     marginTop: '14px'
   }, ownerState.touch && {
     marginTop: '24px'
   })
 }));
-const TooltipArrow = (0, _styled.default)('span', {
+const TooltipArrow = styled('span', {
   name: 'MuiTooltip',
   slot: 'Arrow',
   overridesResolver: (props, styles) => styles.arrow
@@ -189,7 +180,7 @@ const TooltipArrow = (0, _styled.default)('span', {
   width: '1em',
   height: '0.71em' /* = width / sqrt(2) = (length of the hypotenuse) */,
   boxSizing: 'border-box',
-  color: theme.vars ? theme.vars.palette.Tooltip.bg : (0, _system.alpha)(theme.palette.grey[700], 0.9),
+  color: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.9),
   '&::before': {
     content: '""',
     margin: 'auto',
@@ -202,7 +193,7 @@ const TooltipArrow = (0, _styled.default)('span', {
 }));
 let hystersisOpen = false;
 let hystersisTimer = null;
-function testReset() {
+export function testReset() {
   hystersisOpen = false;
   clearTimeout(hystersisTimer);
 }
@@ -218,7 +209,7 @@ function composeEventHandler(handler, eventHandler) {
 // TODO v6: Remove PopperComponent, PopperProps, TransitionComponent and TransitionProps.
 const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   var _ref, _slots$popper, _ref2, _ref3, _slots$transition, _ref4, _slots$tooltip, _ref5, _slots$arrow, _slotProps$popper, _ref6, _slotProps$popper2, _slotProps$transition, _slotProps$tooltip, _ref7, _slotProps$tooltip2, _slotProps$arrow, _ref8, _slotProps$arrow2;
-  const props = (0, _useThemeProps.default)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiTooltip'
   });
@@ -248,11 +239,11 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       slotProps = {},
       slots = {},
       title,
-      TransitionComponent: TransitionComponentProp = _Grow.default,
+      TransitionComponent: TransitionComponentProp = Grow,
       TransitionProps
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const theme = (0, _useTheme.default)();
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const theme = useTheme();
   const isRtl = theme.direction === 'rtl';
   const [childNode, setChildNode] = React.useState();
   const [arrowRef, setArrowRef] = React.useState(null);
@@ -262,7 +253,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   const enterTimer = React.useRef();
   const leaveTimer = React.useRef();
   const touchTimer = React.useRef();
-  const [openState, setOpenState] = (0, _useControlled.default)({
+  const [openState, setOpenState] = useControlled({
     controlled: openProp,
     default: false,
     name: 'Tooltip',
@@ -282,7 +273,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       }
     }, [title, childNode, isControlled]);
   }
-  const id = (0, _useId.default)(idProp);
+  const id = useId(idProp);
   const prevUserSelect = React.useRef();
   const stopTouchInteraction = React.useCallback(() => {
     if (prevUserSelect.current !== undefined) {
@@ -311,7 +302,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       onOpen(event);
     }
   };
-  const handleClose = (0, _useEventCallback.default)(
+  const handleClose = useEventCallback(
   /**
    * @param {React.SyntheticEvent | Event} event
    */
@@ -362,7 +353,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     onBlur: handleBlurVisible,
     onFocus: handleFocusVisible,
     ref: focusVisibleRef
-  } = (0, _useIsFocusVisible.default)();
+  } = useIsFocusVisible();
   // We don't necessarily care about the focusVisible state (which is safe to access via ref anyway).
   // We just need to re-render the Tooltip if the focus-visible state changes.
   const [, setChildIsFocusVisible] = React.useState(false);
@@ -437,7 +428,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       document.removeEventListener('keydown', handleKeyDown);
     };
   }, [handleClose, open]);
-  const handleRef = (0, _useForkRef.default)(children.ref, focusVisibleRef, setChildNode, ref);
+  const handleRef = useForkRef(children.ref, focusVisibleRef, setChildNode, ref);
 
   // There is no point in displaying an empty tooltip.
   if (!title && title !== 0) {
@@ -470,8 +461,8 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     nameOrDescProps['aria-label'] = titleIsString ? title : null;
     nameOrDescProps['aria-labelledby'] = open && !titleIsString ? id : null;
   }
-  const childrenProps = (0, _extends2.default)({}, nameOrDescProps, other, children.props, {
-    className: (0, _clsx.default)(other.className, children.props.className),
+  const childrenProps = _extends({}, nameOrDescProps, other, children.props, {
+    className: clsx(other.className, children.props.className),
     onTouchStart: detectTouchStart,
     ref: handleRef
   }, followCursor ? {
@@ -526,11 +517,11 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     if ((_PopperProps$popperOp = PopperProps.popperOptions) != null && _PopperProps$popperOp.modifiers) {
       tooltipModifiers = tooltipModifiers.concat(PopperProps.popperOptions.modifiers);
     }
-    return (0, _extends2.default)({}, PopperProps.popperOptions, {
+    return _extends({}, PopperProps.popperOptions, {
       modifiers: tooltipModifiers
     });
   }, [arrowRef, PopperProps]);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = _extends({}, props, {
     isRtl,
     arrow,
     disableInteractive,
@@ -540,22 +531,22 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   });
   const classes = useUtilityClasses(ownerState);
   const PopperComponent = (_ref = (_slots$popper = slots.popper) != null ? _slots$popper : components.Popper) != null ? _ref : TooltipPopper;
-  const TransitionComponent = (_ref2 = (_ref3 = (_slots$transition = slots.transition) != null ? _slots$transition : components.Transition) != null ? _ref3 : TransitionComponentProp) != null ? _ref2 : _Grow.default;
+  const TransitionComponent = (_ref2 = (_ref3 = (_slots$transition = slots.transition) != null ? _slots$transition : components.Transition) != null ? _ref3 : TransitionComponentProp) != null ? _ref2 : Grow;
   const TooltipComponent = (_ref4 = (_slots$tooltip = slots.tooltip) != null ? _slots$tooltip : components.Tooltip) != null ? _ref4 : TooltipTooltip;
   const ArrowComponent = (_ref5 = (_slots$arrow = slots.arrow) != null ? _slots$arrow : components.Arrow) != null ? _ref5 : TooltipArrow;
-  const popperProps = (0, _base.appendOwnerState)(PopperComponent, (0, _extends2.default)({}, PopperProps, (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper, {
-    className: (0, _clsx.default)(classes.popper, PopperProps == null ? void 0 : PopperProps.className, (_ref6 = (_slotProps$popper2 = slotProps.popper) != null ? _slotProps$popper2 : componentsProps.popper) == null ? void 0 : _ref6.className)
+  const popperProps = appendOwnerState(PopperComponent, _extends({}, PopperProps, (_slotProps$popper = slotProps.popper) != null ? _slotProps$popper : componentsProps.popper, {
+    className: clsx(classes.popper, PopperProps == null ? void 0 : PopperProps.className, (_ref6 = (_slotProps$popper2 = slotProps.popper) != null ? _slotProps$popper2 : componentsProps.popper) == null ? void 0 : _ref6.className)
   }), ownerState);
-  const transitionProps = (0, _base.appendOwnerState)(TransitionComponent, (0, _extends2.default)({}, TransitionProps, (_slotProps$transition = slotProps.transition) != null ? _slotProps$transition : componentsProps.transition), ownerState);
-  const tooltipProps = (0, _base.appendOwnerState)(TooltipComponent, (0, _extends2.default)({}, (_slotProps$tooltip = slotProps.tooltip) != null ? _slotProps$tooltip : componentsProps.tooltip, {
-    className: (0, _clsx.default)(classes.tooltip, (_ref7 = (_slotProps$tooltip2 = slotProps.tooltip) != null ? _slotProps$tooltip2 : componentsProps.tooltip) == null ? void 0 : _ref7.className)
+  const transitionProps = appendOwnerState(TransitionComponent, _extends({}, TransitionProps, (_slotProps$transition = slotProps.transition) != null ? _slotProps$transition : componentsProps.transition), ownerState);
+  const tooltipProps = appendOwnerState(TooltipComponent, _extends({}, (_slotProps$tooltip = slotProps.tooltip) != null ? _slotProps$tooltip : componentsProps.tooltip, {
+    className: clsx(classes.tooltip, (_ref7 = (_slotProps$tooltip2 = slotProps.tooltip) != null ? _slotProps$tooltip2 : componentsProps.tooltip) == null ? void 0 : _ref7.className)
   }), ownerState);
-  const tooltipArrowProps = (0, _base.appendOwnerState)(ArrowComponent, (0, _extends2.default)({}, (_slotProps$arrow = slotProps.arrow) != null ? _slotProps$arrow : componentsProps.arrow, {
-    className: (0, _clsx.default)(classes.arrow, (_ref8 = (_slotProps$arrow2 = slotProps.arrow) != null ? _slotProps$arrow2 : componentsProps.arrow) == null ? void 0 : _ref8.className)
+  const tooltipArrowProps = appendOwnerState(ArrowComponent, _extends({}, (_slotProps$arrow = slotProps.arrow) != null ? _slotProps$arrow : componentsProps.arrow, {
+    className: clsx(classes.arrow, (_ref8 = (_slotProps$arrow2 = slotProps.arrow) != null ? _slotProps$arrow2 : componentsProps.arrow) == null ? void 0 : _ref8.className)
   }), ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/(0, _jsxRuntime.jsx)(PopperComponent, (0, _extends2.default)({
-      as: PopperComponentProp != null ? PopperComponentProp : _Popper.default,
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/_jsx(PopperComponent, _extends({
+      as: PopperComponentProp != null ? PopperComponentProp : Popper,
       placement: placement,
       anchorEl: followCursor ? {
         getBoundingClientRect: () => ({
@@ -575,12 +566,12 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       popperOptions: popperOptions,
       children: ({
         TransitionProps: TransitionPropsInner
-      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
+      }) => /*#__PURE__*/_jsx(TransitionComponent, _extends({
         timeout: theme.transitions.duration.shorter
       }, TransitionPropsInner, transitionProps, {
         "data-foo": "bar",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(TooltipComponent, (0, _extends2.default)({}, tooltipProps, {
-          children: [title, arrow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ArrowComponent, (0, _extends2.default)({}, tooltipArrowProps, {
+        children: /*#__PURE__*/_jsxs(TooltipComponent, _extends({}, tooltipProps, {
+          children: [title, arrow ? /*#__PURE__*/_jsx(ArrowComponent, _extends({}, tooltipArrowProps, {
             ref: setArrowRef
           })) : null]
         }))
@@ -597,19 +588,19 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
    * If `true`, adds an arrow to the tooltip.
    * @default false
    */
-  arrow: _propTypes.default.bool,
+  arrow: PropTypes.bool,
   /**
    * Tooltip reference element.
    */
-  children: _utils.elementAcceptingRef.isRequired,
+  children: elementAcceptingRef.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
+  classes: PropTypes.object,
   /**
    * @ignore
    */
-  className: _propTypes.default.string,
+  className: PropTypes.string,
   /**
    * The components used for each slot inside.
    *
@@ -618,11 +609,11 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
    *
    * @default {}
    */
-  components: _propTypes.default.shape({
-    Arrow: _propTypes.default.elementType,
-    Popper: _propTypes.default.elementType,
-    Tooltip: _propTypes.default.elementType,
-    Transition: _propTypes.default.elementType
+  components: PropTypes.shape({
+    Arrow: PropTypes.elementType,
+    Popper: PropTypes.elementType,
+    Tooltip: PropTypes.elementType,
+    Transition: PropTypes.elementType
   }),
   /**
    * The extra props for the slot components.
@@ -633,107 +624,107 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
    *
    * @default {}
    */
-  componentsProps: _propTypes.default.shape({
-    arrow: _propTypes.default.object,
-    popper: _propTypes.default.object,
-    tooltip: _propTypes.default.object,
-    transition: _propTypes.default.object
+  componentsProps: PropTypes.shape({
+    arrow: PropTypes.object,
+    popper: PropTypes.object,
+    tooltip: PropTypes.object,
+    transition: PropTypes.object
   }),
   /**
    * Set to `true` if the `title` acts as an accessible description.
    * By default the `title` acts as an accessible label for the child.
    * @default false
    */
-  describeChild: _propTypes.default.bool,
+  describeChild: PropTypes.bool,
   /**
    * Do not respond to focus-visible events.
    * @default false
    */
-  disableFocusListener: _propTypes.default.bool,
+  disableFocusListener: PropTypes.bool,
   /**
    * Do not respond to hover events.
    * @default false
    */
-  disableHoverListener: _propTypes.default.bool,
+  disableHoverListener: PropTypes.bool,
   /**
    * Makes a tooltip not interactive, i.e. it will close when the user
    * hovers over the tooltip before the `leaveDelay` is expired.
    * @default false
    */
-  disableInteractive: _propTypes.default.bool,
+  disableInteractive: PropTypes.bool,
   /**
    * Do not respond to long press touch events.
    * @default false
    */
-  disableTouchListener: _propTypes.default.bool,
+  disableTouchListener: PropTypes.bool,
   /**
    * The number of milliseconds to wait before showing the tooltip.
    * This prop won't impact the enter touch delay (`enterTouchDelay`).
    * @default 100
    */
-  enterDelay: _propTypes.default.number,
+  enterDelay: PropTypes.number,
   /**
    * The number of milliseconds to wait before showing the tooltip when one was already recently opened.
    * @default 0
    */
-  enterNextDelay: _propTypes.default.number,
+  enterNextDelay: PropTypes.number,
   /**
    * The number of milliseconds a user must touch the element before showing the tooltip.
    * @default 700
    */
-  enterTouchDelay: _propTypes.default.number,
+  enterTouchDelay: PropTypes.number,
   /**
    * If `true`, the tooltip follow the cursor over the wrapped element.
    * @default false
    */
-  followCursor: _propTypes.default.bool,
+  followCursor: PropTypes.bool,
   /**
    * This prop is used to help implement the accessibility logic.
    * If you don't provide this prop. It falls back to a randomly generated id.
    */
-  id: _propTypes.default.string,
+  id: PropTypes.string,
   /**
    * The number of milliseconds to wait before hiding the tooltip.
    * This prop won't impact the leave touch delay (`leaveTouchDelay`).
    * @default 0
    */
-  leaveDelay: _propTypes.default.number,
+  leaveDelay: PropTypes.number,
   /**
    * The number of milliseconds after the user stops touching an element before hiding the tooltip.
    * @default 1500
    */
-  leaveTouchDelay: _propTypes.default.number,
+  leaveTouchDelay: PropTypes.number,
   /**
    * Callback fired when the component requests to be closed.
    *
    * @param {React.SyntheticEvent} event The event source of the callback.
    */
-  onClose: _propTypes.default.func,
+  onClose: PropTypes.func,
   /**
    * Callback fired when the component requests to be open.
    *
    * @param {React.SyntheticEvent} event The event source of the callback.
    */
-  onOpen: _propTypes.default.func,
+  onOpen: PropTypes.func,
   /**
    * If `true`, the component is shown.
    */
-  open: _propTypes.default.bool,
+  open: PropTypes.bool,
   /**
    * Tooltip placement.
    * @default 'bottom'
    */
-  placement: _propTypes.default.oneOf(['bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
+  placement: PropTypes.oneOf(['bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
   /**
    * The component used for the popper.
    * @default Popper
    */
-  PopperComponent: _propTypes.default.elementType,
+  PopperComponent: PropTypes.elementType,
   /**
    * Props applied to the [`Popper`](/material-ui/api/popper/) element.
    * @default {}
    */
-  PopperProps: _propTypes.default.object,
+  PopperProps: PropTypes.object,
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -742,11 +733,11 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
    *
    * @default {}
    */
-  slotProps: _propTypes.default.shape({
-    arrow: _propTypes.default.object,
-    popper: _propTypes.default.object,
-    tooltip: _propTypes.default.object,
-    transition: _propTypes.default.object
+  slotProps: PropTypes.shape({
+    arrow: PropTypes.object,
+    popper: PropTypes.object,
+    tooltip: PropTypes.object,
+    transition: PropTypes.object
   }),
   /**
    * The components used for each slot inside.
@@ -755,31 +746,30 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
    *
    * @default {}
    */
-  slots: _propTypes.default.shape({
-    arrow: _propTypes.default.elementType,
-    popper: _propTypes.default.elementType,
-    tooltip: _propTypes.default.elementType,
-    transition: _propTypes.default.elementType
+  slots: PropTypes.shape({
+    arrow: PropTypes.elementType,
+    popper: PropTypes.elementType,
+    tooltip: PropTypes.elementType,
+    transition: PropTypes.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
    */
-  title: _propTypes.default.node,
+  title: PropTypes.node,
   /**
    * The component used for the transition.
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Grow
    */
-  TransitionComponent: _propTypes.default.elementType,
+  TransitionComponent: PropTypes.elementType,
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
    */
-  TransitionProps: _propTypes.default.object
+  TransitionProps: PropTypes.object
 } : void 0;
-var _default = Tooltip;
-exports.default = _default;
+export default Tooltip;

package/Tooltip/index.js

@@ -1,36 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  tooltipClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Tooltip.default;
-  }
-});
-Object.defineProperty(exports, "tooltipClasses", {
-  enumerable: true,
-  get: function () {
-    return _tooltipClasses.default;
-  }
-});
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
-var _tooltipClasses = _interopRequireWildcard(require("./tooltipClasses"));
-Object.keys(_tooltipClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _tooltipClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _tooltipClasses[key];
-    }
-  });
-});
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+export { default } from './Tooltip';
+export { default as tooltipClasses } from './tooltipClasses';
+export * from './tooltipClasses';

package/Tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../esm/Tooltip/index.js",
-  "main": "./index.js",
+  "module": "./index.js",
+  "main": "../node/Tooltip/index.js",
   "types": "./index.d.ts"
 }