@mui/material 5.9.1 → 5.9.2

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.9.1
+/** @license MUI v5.9.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -8292,7 +8292,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     defaultTheme: defaultTheme$5
   });
 
-  const useUtilityClasses$1P = (ownerState, componentName) => {
+  const useUtilityClasses$1Q = (ownerState, componentName) => {
     const getContainerUtilityClass = slot => {
       return generateUtilityClass(componentName, slot);
     };
@@ -8385,7 +8385,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       }); // @ts-ignore module augmentation fails if custom breakpoints are used
 
 
-      const classes = useUtilityClasses$1P(ownerState, componentName);
+      const classes = useUtilityClasses$1Q(ownerState, componentName);
       return (
         /*#__PURE__*/
         // @ts-ignore theme is injected by the styled util
@@ -10159,7 +10159,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
 
   const _excluded$2c = ["badgeContent", "component", "children", "components", "componentsProps", "invisible", "max", "showZero"];
 
-  const useUtilityClasses$1O = ownerState => {
+  const useUtilityClasses$1P = ownerState => {
     const {
       invisible
     } = ownerState;
@@ -10208,7 +10208,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       showZero
     });
 
-    const classes = useUtilityClasses$1O(ownerState);
+    const classes = useUtilityClasses$1P(ownerState);
     const Root = component || components.Root || 'span';
     const rootProps = useSlotProps({
       elementType: Root,
@@ -12527,7 +12527,12 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
 
   var Portal$1 = Portal;
 
-  const _excluded$2b = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "ownerState", "placement", "popperOptions", "popperRef", "TransitionProps"],
+  function getPopperUnstyledUtilityClass(slot) {
+    return generateUtilityClass('MuiPopperUnstyled', slot);
+  }
+  generateUtilityClasses('MuiPopperUnstyled', ['root']);
+
+  const _excluded$2b = ["anchorEl", "children", "component", "components", "componentsProps", "direction", "disablePortal", "modifiers", "open", "ownerState", "placement", "popperOptions", "popperRef", "TransitionProps"],
         _excluded2$a = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition"];
 
   function flipPlacement(placement, direction) {
@@ -12557,17 +12562,30 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     return typeof anchorEl === 'function' ? anchorEl() : anchorEl;
   }
 
+  const useUtilityClasses$1O = () => {
+    const slots = {
+      root: ['root']
+    };
+    return composeClasses(slots, getPopperUnstyledUtilityClass, {});
+  };
+
   const defaultPopperOptions = {};
   /* eslint-disable react/prop-types */
 
   const PopperTooltip = /*#__PURE__*/React__namespace.forwardRef(function PopperTooltip(props, ref) {
+    var _ref;
+
     const {
       anchorEl,
       children,
+      component,
+      components = {},
+      componentsProps = {},
       direction,
       disablePortal,
       modifiers,
       open,
+      ownerState,
       placement: initialPlacement,
       popperOptions,
       popperRef: popperRefProp,
@@ -12665,10 +12683,20 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       childProps.TransitionProps = TransitionProps;
     }
 
-    return /*#__PURE__*/jsxRuntime_1("div", _extends({
-      ref: ownRef,
-      role: "tooltip"
-    }, other, {
+    const classes = useUtilityClasses$1O();
+    const Root = (_ref = component != null ? component : components.Root) != null ? _ref : 'div';
+    const rootProps = useSlotProps({
+      elementType: Root,
+      externalSlotProps: componentsProps.root,
+      externalForwardedProps: other,
+      additionalProps: {
+        role: 'tooltip',
+        ref: ownRef
+      },
+      ownerState: _extends({}, props, ownerState),
+      className: classes.root
+    });
+    return /*#__PURE__*/jsxRuntime_1(Root, _extends({}, rootProps, {
       children: typeof children === 'function' ? children(childProps) : children
     }));
   });
@@ -12784,6 +12812,23 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     /* @typescript-to-proptypes-ignore */
     .oneOfType([PropTypes.node, PropTypes.func]),
 
+    /**
+     * The components used for each slot inside the Popper.
+     * Either a string to use a HTML element or a component.
+     * @default {}
+     */
+    components: PropTypes.shape({
+      Root: PropTypes.elementType
+    }),
+
+    /**
+     * The props used for each slot inside the Popper.
+     * @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.
@@ -21094,6 +21139,30 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     /* @typescript-to-proptypes-ignore */
     .oneOfType([PropTypes.node, PropTypes.func]),
 
+    /**
+     * @ignore
+     */
+    component: PropTypes
+    /* @typescript-to-proptypes-ignore */
+    .elementType,
+
+    /**
+     * The components used for each slot inside the Popper.
+     * Either a string to use a HTML element or a component.
+     * @default {}
+     */
+    components: PropTypes.shape({
+      Root: PropTypes.elementType
+    }),
+
+    /**
+     * The props used for each slot inside the Popper.
+     * @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.
@@ -28208,7 +28277,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
 
     /**
      * A backdrop component. This prop enables custom backdrop rendering.
-     * @deprecated Use `components.Backdrop` instead.
+     * @deprecated Use `components.Backdrop` instead. While this prop currently works, it will be removed in the next major version.
+     * Use the `components.Backdrop` prop to make your application ready for the next version of Material UI.
      * @default styled(Backdrop, {
      *   name: 'MuiModal',
      *   slot: 'Backdrop',
@@ -28654,7 +28724,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
 
     /**
      * A backdrop component. This prop enables custom backdrop rendering.
-     * @deprecated Use `components.Backdrop` instead.
+     * @deprecated Use `components.Backdrop` instead. While this prop currently works, it will be removed in the next major version.
+     * Use the `components.Backdrop` prop to make your application ready for the next version of Material UI.
      * @default styled(Backdrop, {
      *   name: 'MuiModal',
      *   slot: 'Backdrop',
@@ -31592,7 +31663,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     /**
      * The variant to use.
      */
-    variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])
+    variant: PropTypes
+    /* @typescript-to-proptypes-ignore */
+    .oneOfType([PropTypes.oneOf(['filled', 'outlined', 'standard']), PropTypes.string])
   } ;
   var FormHelperText$1 = FormHelperText;
 
@@ -33767,9 +33840,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   })(({
     ownerState
   }) => _extends({
-    display: 'inline-block',
-    position: 'relative',
-    lineHeight: 0
+    display: 'block',
+    position: 'relative'
   }, ownerState.variant === 'standard' && {
     // For titlebar under list item
     display: 'flex',
@@ -33784,7 +33856,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     [`& .${imageListItemClasses$1.img}`]: _extends({
       objectFit: 'cover',
       width: '100%',
-      height: '100%'
+      height: '100%',
+      display: 'block'
     }, ownerState.variant === 'standard' && {
       height: 'auto',
       flexGrow: 1
@@ -44860,15 +44933,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     const handleEnter = event => {
       if (ignoreNonTouchEvents.current && event.type !== 'touchstart') {
         return;
-      } // Workaround for https://github.com/facebook/react/issues/7769
-
-
-      if (!childNode) {
-        setChildNode(event.currentTarget);
       } // 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).
-      else {
+
+
+      if (childNode) {
         childNode.removeAttribute('title');
       }
 
@@ -44913,6 +44983,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
 
     const handleFocus = event => {
       // Workaround for https://github.com/facebook/react/issues/7769
+      // The autoFocus of React might trigger the event before the componentDidMount.
+      // We need to account for this eventuality.
       if (!childNode) {
         setChildNode(event.currentTarget);
       }
@@ -45792,7 +45864,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     theme
   }) => {
     let styles = _extends({
-      display: 'flex'
+      display: 'flex',
+      flexDirection: 'column'
     }, handleBreakpoints({
       theme
     }, resolveBreakpointValues({
@@ -45820,6 +45893,17 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         base
       });
 
+      if (typeof directionValues === 'object') {
+        Object.keys(directionValues).forEach((breakpoint, index, breakpoints) => {
+          const directionValue = directionValues[breakpoint];
+
+          if (!directionValue) {
+            const previousDirectionValue = index > 0 ? directionValues[breakpoints[index - 1]] : 'column';
+            directionValues[breakpoint] = previousDirectionValue;
+          }
+        });
+      }
+
       const styleFromPropValue = (propValue, breakpoint) => {
         return {
           '& > :not(style) + :not(style)': {
@@ -51168,7 +51252,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * Determines the color of the indicator.
      * @default 'primary'
      */
-    indicatorColor: PropTypes.oneOf(['primary', 'secondary']),
+    indicatorColor: PropTypes
+    /* @typescript-to-proptypes-ignore */
+    .oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),
 
     /**
      * Callback fired when the value changes.