@mui/material 5.10.13 → 5.10.14

package/legacy/Tooltip/Tooltip.js

@@ -22,17 +22,15 @@ 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;
 }
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      disableInteractive = ownerState.disableInteractive,
-      arrow = ownerState.arrow,
-      touch = ownerState.touch,
-      placement = ownerState.placement;
+    disableInteractive = ownerState.disableInteractive,
+    arrow = ownerState.arrow,
+    touch = ownerState.touch,
+    placement = ownerState.placement;
   var slots = {
     popper: ['popper', !disableInteractive && 'popperInteractive', arrow && 'popperArrow'],
     tooltip: ['tooltip', arrow && 'tooltipArrow', touch && 'touch', "tooltipPlacement".concat(capitalize(placement.split('-')[0]))],
@@ -40,7 +38,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getTooltipUtilityClass, classes);
 };
-
 var TooltipPopper = styled(Popper, {
   name: 'MuiTooltip',
   slot: 'Popper',
@@ -50,10 +47,9 @@ var TooltipPopper = styled(Popper, {
   }
 })(function (_ref) {
   var _ref2;
-
   var theme = _ref.theme,
-      ownerState = _ref.ownerState,
-      open = _ref.open;
+    ownerState = _ref.ownerState,
+    open = _ref.open;
   return _extends({
     zIndex: (theme.vars || theme).zIndex.tooltip,
     pointerEvents: 'none'
@@ -108,9 +104,8 @@ var TooltipTooltip = styled('div', {
   }
 })(function (_ref3) {
   var _extends2;
-
   var theme = _ref3.theme,
-      ownerState = _ref3.ownerState;
+    ownerState = _ref3.ownerState;
   return _extends({
     backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.92),
     borderRadius: (theme.vars || theme).shape.borderRadius,
@@ -174,9 +169,7 @@ var TooltipArrow = styled('span', {
     overflow: 'hidden',
     position: 'absolute',
     width: '1em',
-    height: '0.71em'
-    /* = width / sqrt(2) = (length of the hypotenuse) */
-    ,
+    height: '0.71em' /* = width / sqrt(2) = (length of the hypotenuse) */,
     boxSizing: 'border-box',
     color: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.9),
     '&::before': {
@@ -196,118 +189,104 @@ export function testReset() {
   hystersisOpen = false;
   clearTimeout(hystersisTimer);
 }
-
 function composeEventHandler(handler, eventHandler) {
   return function (event) {
     if (eventHandler) {
       eventHandler(event);
     }
-
     handler(event);
   };
-} // TODO v6: Remove PopperComponent, PopperProps, TransitionComponent and TransitionProps.
-
+}
 
+// TODO v6: Remove PopperComponent, PopperProps, TransitionComponent and TransitionProps.
 var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   var _ref5, _slots$popper, _ref6, _ref7, _slots$transition, _ref8, _slots$tooltip, _ref9, _slots$arrow, _slotProps$popper, _ref10, _slotProps$popper2, _slotProps$transition, _slotProps$tooltip, _ref11, _slotProps$tooltip2, _slotProps$arrow, _ref12, _slotProps$arrow2;
-
   var props = useThemeProps({
     props: inProps,
     name: 'MuiTooltip'
   });
-
   var _props$arrow = props.arrow,
-      arrow = _props$arrow === void 0 ? false : _props$arrow,
-      children = props.children,
-      classesProp = props.classes,
-      _props$components = props.components,
-      components = _props$components === void 0 ? {} : _props$components,
-      _props$componentsProp = props.componentsProps,
-      componentsProps = _props$componentsProp === void 0 ? {} : _props$componentsProp,
-      _props$describeChild = props.describeChild,
-      describeChild = _props$describeChild === void 0 ? false : _props$describeChild,
-      _props$disableFocusLi = props.disableFocusListener,
-      disableFocusListener = _props$disableFocusLi === void 0 ? false : _props$disableFocusLi,
-      _props$disableHoverLi = props.disableHoverListener,
-      disableHoverListener = _props$disableHoverLi === void 0 ? false : _props$disableHoverLi,
-      _props$disableInterac = props.disableInteractive,
-      disableInteractiveProp = _props$disableInterac === void 0 ? false : _props$disableInterac,
-      _props$disableTouchLi = props.disableTouchListener,
-      disableTouchListener = _props$disableTouchLi === void 0 ? false : _props$disableTouchLi,
-      _props$enterDelay = props.enterDelay,
-      enterDelay = _props$enterDelay === void 0 ? 100 : _props$enterDelay,
-      _props$enterNextDelay = props.enterNextDelay,
-      enterNextDelay = _props$enterNextDelay === void 0 ? 0 : _props$enterNextDelay,
-      _props$enterTouchDela = props.enterTouchDelay,
-      enterTouchDelay = _props$enterTouchDela === void 0 ? 700 : _props$enterTouchDela,
-      _props$followCursor = props.followCursor,
-      followCursor = _props$followCursor === void 0 ? false : _props$followCursor,
-      idProp = props.id,
-      _props$leaveDelay = props.leaveDelay,
-      leaveDelay = _props$leaveDelay === void 0 ? 0 : _props$leaveDelay,
-      _props$leaveTouchDela = props.leaveTouchDelay,
-      leaveTouchDelay = _props$leaveTouchDela === void 0 ? 1500 : _props$leaveTouchDela,
-      onClose = props.onClose,
-      onOpen = props.onOpen,
-      openProp = props.open,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottom' : _props$placement,
-      PopperComponentProp = props.PopperComponent,
-      _props$PopperProps = props.PopperProps,
-      PopperProps = _props$PopperProps === void 0 ? {} : _props$PopperProps,
-      _props$slotProps = props.slotProps,
-      slotProps = _props$slotProps === void 0 ? {} : _props$slotProps,
-      _props$slots = props.slots,
-      slots = _props$slots === void 0 ? {} : _props$slots,
-      title = props.title,
-      _props$TransitionComp = props.TransitionComponent,
-      TransitionComponentProp = _props$TransitionComp === void 0 ? Grow : _props$TransitionComp,
-      TransitionProps = props.TransitionProps,
-      other = _objectWithoutProperties(props, ["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"]);
-
+    arrow = _props$arrow === void 0 ? false : _props$arrow,
+    children = props.children,
+    classesProp = props.classes,
+    _props$components = props.components,
+    components = _props$components === void 0 ? {} : _props$components,
+    _props$componentsProp = props.componentsProps,
+    componentsProps = _props$componentsProp === void 0 ? {} : _props$componentsProp,
+    _props$describeChild = props.describeChild,
+    describeChild = _props$describeChild === void 0 ? false : _props$describeChild,
+    _props$disableFocusLi = props.disableFocusListener,
+    disableFocusListener = _props$disableFocusLi === void 0 ? false : _props$disableFocusLi,
+    _props$disableHoverLi = props.disableHoverListener,
+    disableHoverListener = _props$disableHoverLi === void 0 ? false : _props$disableHoverLi,
+    _props$disableInterac = props.disableInteractive,
+    disableInteractiveProp = _props$disableInterac === void 0 ? false : _props$disableInterac,
+    _props$disableTouchLi = props.disableTouchListener,
+    disableTouchListener = _props$disableTouchLi === void 0 ? false : _props$disableTouchLi,
+    _props$enterDelay = props.enterDelay,
+    enterDelay = _props$enterDelay === void 0 ? 100 : _props$enterDelay,
+    _props$enterNextDelay = props.enterNextDelay,
+    enterNextDelay = _props$enterNextDelay === void 0 ? 0 : _props$enterNextDelay,
+    _props$enterTouchDela = props.enterTouchDelay,
+    enterTouchDelay = _props$enterTouchDela === void 0 ? 700 : _props$enterTouchDela,
+    _props$followCursor = props.followCursor,
+    followCursor = _props$followCursor === void 0 ? false : _props$followCursor,
+    idProp = props.id,
+    _props$leaveDelay = props.leaveDelay,
+    leaveDelay = _props$leaveDelay === void 0 ? 0 : _props$leaveDelay,
+    _props$leaveTouchDela = props.leaveTouchDelay,
+    leaveTouchDelay = _props$leaveTouchDela === void 0 ? 1500 : _props$leaveTouchDela,
+    onClose = props.onClose,
+    onOpen = props.onOpen,
+    openProp = props.open,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottom' : _props$placement,
+    PopperComponentProp = props.PopperComponent,
+    _props$PopperProps = props.PopperProps,
+    PopperProps = _props$PopperProps === void 0 ? {} : _props$PopperProps,
+    _props$slotProps = props.slotProps,
+    slotProps = _props$slotProps === void 0 ? {} : _props$slotProps,
+    _props$slots = props.slots,
+    slots = _props$slots === void 0 ? {} : _props$slots,
+    title = props.title,
+    _props$TransitionComp = props.TransitionComponent,
+    TransitionComponentProp = _props$TransitionComp === void 0 ? Grow : _props$TransitionComp,
+    TransitionProps = props.TransitionProps,
+    other = _objectWithoutProperties(props, ["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"]);
   var theme = useTheme();
   var isRtl = theme.direction === 'rtl';
-
   var _React$useState = React.useState(),
-      childNode = _React$useState[0],
-      setChildNode = _React$useState[1];
-
+    childNode = _React$useState[0],
+    setChildNode = _React$useState[1];
   var _React$useState2 = React.useState(null),
-      arrowRef = _React$useState2[0],
-      setArrowRef = _React$useState2[1];
-
+    arrowRef = _React$useState2[0],
+    setArrowRef = _React$useState2[1];
   var ignoreNonTouchEvents = React.useRef(false);
   var disableInteractive = disableInteractiveProp || followCursor;
   var closeTimer = React.useRef();
   var enterTimer = React.useRef();
   var leaveTimer = React.useRef();
   var touchTimer = React.useRef();
-
   var _useControlled = useControlled({
-    controlled: openProp,
-    default: false,
-    name: 'Tooltip',
-    state: 'open'
-  }),
-      _useControlled2 = _slicedToArray(_useControlled, 2),
-      openState = _useControlled2[0],
-      setOpenState = _useControlled2[1];
-
+      controlled: openProp,
+      default: false,
+      name: 'Tooltip',
+      state: 'open'
+    }),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    openState = _useControlled2[0],
+    setOpenState = _useControlled2[1];
   var open = openState;
-
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     var _React$useRef = React.useRef(openProp !== undefined),
-        isControlled = _React$useRef.current; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-
+      isControlled = _React$useRef.current; // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(function () {
       if (childNode && childNode.disabled && !isControlled && title !== '' && childNode.tagName.toLowerCase() === 'button') {
         console.error(['MUI: You are providing a disabled `button` child to the Tooltip component.', 'A disabled element does not fire events.', "Tooltip needs to listen to the child element's events to display the title.", '', 'Add a simple wrapper element, such as a `span`.'].join('\n'));
       }
     }, [title, childNode, isControlled]);
   }
-
   var id = useId(idProp);
   var prevUserSelect = React.useRef();
   var stopTouchInteraction = React.useCallback(function () {
@@ -315,7 +294,6 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       document.body.style.WebkitUserSelect = prevUserSelect.current;
       prevUserSelect.current = undefined;
     }
-
     clearTimeout(touchTimer.current);
   }, []);
   React.useEffect(function () {
@@ -326,20 +304,18 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       stopTouchInteraction();
     };
   }, [stopTouchInteraction]);
-
   var handleOpen = function handleOpen(event) {
     clearTimeout(hystersisTimer);
-    hystersisOpen = true; // The mouseover event will trigger for every nested element in the tooltip.
+    hystersisOpen = true;
+
+    // The mouseover event will trigger for every nested element in the tooltip.
     // We can skip rerendering when the tooltip is already open.
     // We are using the mouseover event instead of the mouseenter event to fix a hide/show issue.
-
     setOpenState(true);
-
     if (onOpen && !open) {
       onOpen(event);
     }
   };
-
   var handleClose = useEventCallback(
   /**
    * @param {React.SyntheticEvent | Event} event
@@ -350,32 +326,27 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       hystersisOpen = false;
     }, 800 + leaveDelay);
     setOpenState(false);
-
     if (onClose && open) {
       onClose(event);
     }
-
     clearTimeout(closeTimer.current);
     closeTimer.current = setTimeout(function () {
       ignoreNonTouchEvents.current = false;
     }, theme.transitions.duration.shortest);
   });
-
   var handleEnter = function handleEnter(event) {
     if (ignoreNonTouchEvents.current && event.type !== 'touchstart') {
       return;
-    } // Remove the title ahead of time.
+    }
+
+    // Remove the title ahead of time.
     // We don't want to wait for the next render commit.
     // We would risk displaying two tooltips at the same time (native + this one).
-
-
     if (childNode) {
       childNode.removeAttribute('title');
     }
-
     clearTimeout(enterTimer.current);
     clearTimeout(leaveTimer.current);
-
     if (enterDelay || hystersisOpen && enterNextDelay) {
       enterTimer.current = setTimeout(function () {
         handleOpen(event);
@@ -384,7 +355,6 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       handleOpen(event);
     }
   };
-
   var handleLeave = function handleLeave(event) {
     clearTimeout(enterTimer.current);
     clearTimeout(leaveTimer.current);
@@ -392,27 +362,21 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       handleClose(event);
     }, leaveDelay);
   };
-
   var _useIsFocusVisible = useIsFocusVisible(),
-      isFocusVisibleRef = _useIsFocusVisible.isFocusVisibleRef,
-      handleBlurVisible = _useIsFocusVisible.onBlur,
-      handleFocusVisible = _useIsFocusVisible.onFocus,
-      focusVisibleRef = _useIsFocusVisible.ref; // We don't necessarily care about the focusVisible state (which is safe to access via ref anyway).
+    isFocusVisibleRef = _useIsFocusVisible.isFocusVisibleRef,
+    handleBlurVisible = _useIsFocusVisible.onBlur,
+    handleFocusVisible = _useIsFocusVisible.onFocus,
+    focusVisibleRef = _useIsFocusVisible.ref; // 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.
-
-
   var _React$useState3 = React.useState(false),
-      setChildIsFocusVisible = _React$useState3[1];
-
+    setChildIsFocusVisible = _React$useState3[1];
   var handleBlur = function handleBlur(event) {
     handleBlurVisible(event);
-
     if (isFocusVisibleRef.current === false) {
       setChildIsFocusVisible(false);
       handleLeave(event);
     }
   };
-
   var handleFocus = function handleFocus(event) {
     // Workaround for https://github.com/facebook/react/issues/7769
     // The autoFocus of React might trigger the event before the componentDidMount.
@@ -420,106 +384,89 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     if (!childNode) {
       setChildNode(event.currentTarget);
     }
-
     handleFocusVisible(event);
-
     if (isFocusVisibleRef.current === true) {
       setChildIsFocusVisible(true);
       handleEnter(event);
     }
   };
-
   var detectTouchStart = function detectTouchStart(event) {
     ignoreNonTouchEvents.current = true;
     var childrenProps = children.props;
-
     if (childrenProps.onTouchStart) {
       childrenProps.onTouchStart(event);
     }
   };
-
   var handleMouseOver = handleEnter;
   var handleMouseLeave = handleLeave;
-
   var handleTouchStart = function handleTouchStart(event) {
     detectTouchStart(event);
     clearTimeout(leaveTimer.current);
     clearTimeout(closeTimer.current);
     stopTouchInteraction();
-    prevUserSelect.current = document.body.style.WebkitUserSelect; // Prevent iOS text selection on long-tap.
-
+    prevUserSelect.current = document.body.style.WebkitUserSelect;
+    // Prevent iOS text selection on long-tap.
     document.body.style.WebkitUserSelect = 'none';
     touchTimer.current = setTimeout(function () {
       document.body.style.WebkitUserSelect = prevUserSelect.current;
       handleEnter(event);
     }, enterTouchDelay);
   };
-
   var handleTouchEnd = function handleTouchEnd(event) {
     if (children.props.onTouchEnd) {
       children.props.onTouchEnd(event);
     }
-
     stopTouchInteraction();
     clearTimeout(leaveTimer.current);
     leaveTimer.current = setTimeout(function () {
       handleClose(event);
     }, leaveTouchDelay);
   };
-
   React.useEffect(function () {
     if (!open) {
       return undefined;
     }
+
     /**
      * @param {KeyboardEvent} nativeEvent
      */
-
-
     function handleKeyDown(nativeEvent) {
       // IE11, Edge (prior to using Bink?) use 'Esc'
       if (nativeEvent.key === 'Escape' || nativeEvent.key === 'Esc') {
         handleClose(nativeEvent);
       }
     }
-
     document.addEventListener('keydown', handleKeyDown);
     return function () {
       document.removeEventListener('keydown', handleKeyDown);
     };
   }, [handleClose, open]);
-  var handleRef = useForkRef(children.ref, focusVisibleRef, setChildNode, ref); // There is no point in displaying an empty tooltip.
+  var handleRef = useForkRef(children.ref, focusVisibleRef, setChildNode, ref);
 
+  // There is no point in displaying an empty tooltip.
   if (!title && title !== 0) {
     open = false;
   }
-
   var positionRef = React.useRef({
     x: 0,
     y: 0
   });
   var popperRef = React.useRef();
-
   var handleMouseMove = function handleMouseMove(event) {
     var childrenProps = children.props;
-
     if (childrenProps.onMouseMove) {
       childrenProps.onMouseMove(event);
     }
-
     positionRef.current = {
       x: event.clientX,
       y: event.clientY
     };
-
     if (popperRef.current) {
       popperRef.current.update();
     }
   };
-
   var nameOrDescProps = {};
   var titleIsString = typeof title === 'string';
-
   if (describeChild) {
     nameOrDescProps.title = !open && titleIsString && !disableHoverListener ? title : null;
     nameOrDescProps['aria-describedby'] = open ? id : null;
@@ -527,7 +474,6 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     nameOrDescProps['aria-label'] = titleIsString ? title : null;
     nameOrDescProps['aria-labelledby'] = open && !titleIsString ? id : null;
   }
-
   var childrenProps = _extends({}, nameOrDescProps, other, children.props, {
     className: clsx(other.className, children.props.className),
     onTouchStart: detectTouchStart,
@@ -535,53 +481,44 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   }, followCursor ? {
     onMouseMove: handleMouseMove
   } : {});
-
   if (process.env.NODE_ENV !== 'production') {
-    childrenProps['data-mui-internal-clone-element'] = true; // eslint-disable-next-line react-hooks/rules-of-hooks
+    childrenProps['data-mui-internal-clone-element'] = true;
 
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(function () {
       if (childNode && !childNode.getAttribute('data-mui-internal-clone-element')) {
         console.error(['MUI: The `children` component of the Tooltip is not forwarding its props correctly.', 'Please make sure that props are spread on the same element that the ref is applied to.'].join('\n'));
       }
     }, [childNode]);
   }
-
   var interactiveWrapperListeners = {};
-
   if (!disableTouchListener) {
     childrenProps.onTouchStart = handleTouchStart;
     childrenProps.onTouchEnd = handleTouchEnd;
   }
-
   if (!disableHoverListener) {
     childrenProps.onMouseOver = composeEventHandler(handleMouseOver, childrenProps.onMouseOver);
     childrenProps.onMouseLeave = composeEventHandler(handleMouseLeave, childrenProps.onMouseLeave);
-
     if (!disableInteractive) {
       interactiveWrapperListeners.onMouseOver = handleMouseOver;
       interactiveWrapperListeners.onMouseLeave = handleMouseLeave;
     }
   }
-
   if (!disableFocusListener) {
     childrenProps.onFocus = composeEventHandler(handleFocus, childrenProps.onFocus);
     childrenProps.onBlur = composeEventHandler(handleBlur, childrenProps.onBlur);
-
     if (!disableInteractive) {
       interactiveWrapperListeners.onFocus = handleFocus;
       interactiveWrapperListeners.onBlur = handleBlur;
     }
   }
-
   if (process.env.NODE_ENV !== 'production') {
     if (children.props.title) {
       console.error(['MUI: You have provided a `title` prop to the child of <Tooltip />.', "Remove this title prop `".concat(children.props.title, "` or the Tooltip component.")].join('\n'));
     }
   }
-
   var popperOptions = React.useMemo(function () {
     var _PopperProps$popperOp;
-
     var tooltipModifiers = [{
       name: 'arrow',
       enabled: Boolean(arrowRef),
@@ -590,16 +527,13 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
         padding: 4
       }
     }];
-
     if ((_PopperProps$popperOp = PopperProps.popperOptions) != null && _PopperProps$popperOp.modifiers) {
       tooltipModifiers = tooltipModifiers.concat(PopperProps.popperOptions.modifiers);
     }
-
     return _extends({}, PopperProps.popperOptions, {
       modifiers: tooltipModifiers
     });
   }, [arrowRef, PopperProps]);
-
   var ownerState = _extends({}, props, {
     isRtl: isRtl,
     arrow: arrow,
@@ -608,7 +542,6 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     PopperComponentProp: PopperComponentProp,
     touch: ignoreNonTouchEvents.current
   });
-
   var classes = useUtilityClasses(ownerState);
   var PopperComponent = (_ref5 = (_slots$popper = slots.popper) != null ? _slots$popper : components.Popper) != null ? _ref5 : TooltipPopper;
   var TransitionComponent = (_ref6 = (_ref7 = (_slots$transition = slots.transition) != null ? _slots$transition : components.Transition) != null ? _ref7 : TransitionComponentProp) != null ? _ref6 : Grow;
@@ -662,35 +595,28 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     }))]
   });
 });
-process.env.NODE_ENV !== "production" ? Tooltip.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * If `true`, adds an arrow to the tooltip.
    * @default false
    */
   arrow: PropTypes.bool,
-
   /**
    * Tooltip reference element.
    */
   children: elementAcceptingRef.isRequired,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The components used for each slot inside.
    *
@@ -705,7 +631,6 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
     Tooltip: PropTypes.elementType,
     Transition: PropTypes.elementType
   }),
-
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -721,120 +646,101 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
     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.bool,
-
   /**
    * Do not respond to focus-visible events.
    * @default false
    */
   disableFocusListener: PropTypes.bool,
-
   /**
    * Do not respond to hover events.
    * @default false
    */
   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.bool,
-
   /**
    * Do not respond to long press touch events.
    * @default false
    */
   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.number,
-
   /**
    * The number of milliseconds to wait before showing the tooltip when one was already recently opened.
    * @default 0
    */
   enterNextDelay: PropTypes.number,
-
   /**
    * The number of milliseconds a user must touch the element before showing the tooltip.
    * @default 700
    */
   enterTouchDelay: PropTypes.number,
-
   /**
    * If `true`, the tooltip follow the cursor over the wrapped element.
    * @default false
    */
   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.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.number,
-
   /**
    * The number of milliseconds after the user stops touching an element before hiding the tooltip.
    * @default 1500
    */
   leaveTouchDelay: PropTypes.number,
-
   /**
    * Callback fired when the component requests to be closed.
    *
    * @param {React.SyntheticEvent} event The event source of the callback.
    */
   onClose: PropTypes.func,
-
   /**
    * Callback fired when the component requests to be open.
    *
    * @param {React.SyntheticEvent} event The event source of the callback.
    */
   onOpen: PropTypes.func,
-
   /**
    * If `true`, the component is shown.
    */
   open: PropTypes.bool,
-
   /**
    * Tooltip placement.
    * @default 'bottom'
    */
   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.elementType,
-
   /**
    * Props applied to the [`Popper`](/material-ui/api/popper/) element.
    * @default {}
    */
   PopperProps: PropTypes.object,
-
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -849,7 +755,6 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
     tooltip: PropTypes.object,
     transition: PropTypes.object
   }),
-
   /**
    * The components used for each slot inside.
    *
@@ -863,24 +768,20 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
     tooltip: PropTypes.elementType,
     transition: PropTypes.elementType
   }),
-
   /**
    * 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]),
-
   /**
    * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
    */
   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.elementType,
-
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.