@mui/material 5.10.11 → 5.10.12

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.10.11
+/** @license MUI v5.10.12
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -7582,10 +7582,12 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
   }
 
+  const EMPTY_THEME = {};
+
   function InnerThemeProvider(props) {
     const theme = useTheme$1();
     return /*#__PURE__*/jsxRuntime_1(ThemeContext$2.Provider, {
-      value: typeof theme === 'object' ? theme : {},
+      value: typeof theme === 'object' ? theme : EMPTY_THEME,
       children: props.children
     });
   }
@@ -8269,17 +8271,18 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
           hasMounted.current = false;
         };
       }, []);
+      const contextValue = React__namespace.useMemo(() => ({
+        mode,
+        systemMode,
+        setMode,
+        lightColorScheme,
+        darkColorScheme,
+        colorScheme,
+        setColorScheme,
+        allColorSchemes
+      }), [allColorSchemes, colorScheme, darkColorScheme, lightColorScheme, mode, setColorScheme, setMode, systemMode]);
       return /*#__PURE__*/jsxRuntime_2(ColorSchemeContext.Provider, {
-        value: {
-          mode,
-          systemMode,
-          setMode,
-          lightColorScheme,
-          darkColorScheme,
-          colorScheme,
-          setColorScheme,
-          allColorSchemes
-        },
+        value: contextValue,
         children: [/*#__PURE__*/jsxRuntime_1(GlobalStyles$1, {
           styles: {
             [colorSchemeSelector]: rootCss
@@ -9949,7 +9952,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
    * @param otherProps Props of the element.
    * @param ownerState
    */
-  function appendOwnerState(elementType, otherProps = {}, ownerState) {
+  function appendOwnerState(elementType, otherProps, ownerState) {
     if (isHostComponent(elementType)) {
       return otherProps;
     }
@@ -14357,7 +14360,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     return isForbiddenTagName || isInputHidden;
   }
 
-  function ariaHiddenSiblings(container, mountElement, currentElement, elementsToExclude = [], show) {
+  function ariaHiddenSiblings(container, mountElement, currentElement, elementsToExclude, show) {
     const blacklist = [mountElement, currentElement, ...elementsToExclude];
     [].forEach.call(container.children, element => {
       const isNotExcludedElement = blacklist.indexOf(element) === -1;
@@ -19393,7 +19396,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       nextKey.current += 1;
       rippleCallback.current = cb;
     }, [classes]);
-    const start = React__namespace.useCallback((event = {}, options = {}, cb) => {
+    const start = React__namespace.useCallback((event = {}, options = {}, cb = () => {}) => {
       const {
         pulsate = false,
         center = centerProp || options.pulsate,
@@ -21667,6 +21670,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       disabled,
       size,
       color,
+      iconColor,
       onDelete,
       clickable,
       variant
@@ -21675,7 +21679,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       root: ['root', variant, disabled && 'disabled', `size${capitalize(size)}`, `color${capitalize(color)}`, clickable && 'clickable', clickable && `clickableColor${capitalize(color)}`, onDelete && 'deletable', onDelete && `deletableColor${capitalize(color)}`, `${variant}${capitalize(color)}`],
       label: ['label', `label${capitalize(size)}`],
       avatar: ['avatar', `avatar${capitalize(size)}`, `avatarColor${capitalize(color)}`],
-      icon: ['icon', `icon${capitalize(size)}`, `iconColor${capitalize(color)}`],
+      icon: ['icon', `icon${capitalize(size)}`, `iconColor${capitalize(iconColor)}`],
       deleteIcon: ['deleteIcon', `deleteIcon${capitalize(size)}`, `deleteIconColor${capitalize(color)}`, `deleteIcon${capitalize(variant)}Color${capitalize(color)}`]
     };
     return composeClasses(slots, getChipUtilityClass, classes);
@@ -21690,6 +21694,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       } = props;
       const {
         color,
+        iconColor,
         clickable,
         onDelete,
         size,
@@ -21706,7 +21711,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       }, {
         [`& .${chipClasses$1.icon}`]: styles[`icon${capitalize(size)}`]
       }, {
-        [`& .${chipClasses$1.icon}`]: styles[`iconColor${capitalize(color)}`]
+        [`& .${chipClasses$1.icon}`]: styles[`iconColor${capitalize(iconColor)}`]
       }, {
         [`& .${chipClasses$1.deleteIcon}`]: styles.deleteIcon
       }, {
@@ -21775,16 +21780,17 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         fontSize: theme.typography.pxToRem(10)
       },
       [`& .${chipClasses$1.icon}`]: _extends({
-        color: theme.vars ? theme.vars.palette.Chip.defaultIconColor : textColor,
         marginLeft: 5,
         marginRight: -6
       }, ownerState.size === 'small' && {
         fontSize: 18,
         marginLeft: 4,
         marginRight: -4
+      }, ownerState.iconColor === ownerState.color && _extends({
+        color: theme.vars ? theme.vars.palette.Chip.defaultIconColor : textColor
       }, ownerState.color !== 'default' && {
         color: 'inherit'
-      }),
+      })),
       [`& .${chipClasses$1.deleteIcon}`]: _extends({
         WebkitTapHighlightColor: 'transparent',
         color: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / 0.26)` : deleteIconColor,
@@ -21990,6 +21996,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       disabled,
       size,
       color,
+      iconColor: /*#__PURE__*/React__namespace.isValidElement(iconProp) ? iconProp.props.color || color : color,
       onDelete: !!onDelete,
       clickable,
       variant
@@ -31350,35 +31357,35 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       };
     }
 
-    const onFilled = React__namespace.useCallback(() => {
-      setFilled(true);
-    }, []);
-    const onEmpty = React__namespace.useCallback(() => {
-      setFilled(false);
-    }, []);
-    const childContext = {
-      adornedStart,
-      setAdornedStart,
-      color,
-      disabled,
-      error,
-      filled,
-      focused,
-      fullWidth,
-      hiddenLabel,
-      size,
-      onBlur: () => {
-        setFocused(false);
-      },
-      onEmpty,
-      onFilled,
-      onFocus: () => {
-        setFocused(true);
-      },
-      registerEffect,
-      required,
-      variant
-    };
+    const childContext = React__namespace.useMemo(() => {
+      return {
+        adornedStart,
+        setAdornedStart,
+        color,
+        disabled,
+        error,
+        filled,
+        focused,
+        fullWidth,
+        hiddenLabel,
+        size,
+        onBlur: () => {
+          setFocused(false);
+        },
+        onEmpty: () => {
+          setFilled(false);
+        },
+        onFilled: () => {
+          setFilled(true);
+        },
+        onFocus: () => {
+          setFocused(true);
+        },
+        registerEffect,
+        required,
+        variant
+      };
+    }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, required, size, variant]);
     return /*#__PURE__*/jsxRuntime_1(FormControlContext$1.Provider, {
       value: childContext,
       children: /*#__PURE__*/jsxRuntime_1(FormControlRoot, _extends({
@@ -36260,11 +36267,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           other = _objectWithoutPropertiesLoose(props, _excluded$_);
 
     const context = React__namespace.useContext(ListContext$1);
-    const childContext = {
+    const childContext = React__namespace.useMemo(() => ({
       dense: dense || context.dense || false,
       alignItems,
       disableGutters
-    };
+    }), [alignItems, context.dense, dense, disableGutters]);
     const listItemRef = React__namespace.useRef(null);
     useEnhancedEffect$1(() => {
       if (autoFocus) {
@@ -36641,11 +36648,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           other = _objectWithoutPropertiesLoose(props, _excluded2$7);
 
     const context = React__namespace.useContext(ListContext$1);
-    const childContext = {
+    const childContext = React__namespace.useMemo(() => ({
       dense: dense || context.dense || false,
       alignItems,
       disableGutters
-    };
+    }), [alignItems, context.dense, dense, disableGutters]);
     const listItemRef = React__namespace.useRef(null);
     useEnhancedEffect$1(() => {
       if (autoFocus) {
@@ -38497,10 +38504,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           other = _objectWithoutPropertiesLoose(props, _excluded$R);
 
     const context = React__namespace.useContext(ListContext$1);
-    const childContext = {
+    const childContext = React__namespace.useMemo(() => ({
       dense: dense || context.dense || false,
       disableGutters
-    };
+    }), [context.dense, dense, disableGutters]);
     const menuItemRef = React__namespace.useRef(null);
     useEnhancedEffect$1(() => {
       if (autoFocus) {
@@ -40590,7 +40597,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     theme,
     ownerState
   }) => _extends({
-    color: (theme.vars || theme).palette.text.secondary,
+    color: (theme.vars || theme).palette.text.secondary
+  }, !ownerState.disableRipple && {
     '&:hover': {
       backgroundColor: theme.vars ? `rgba(${ownerState.color === 'default' ? theme.vars.palette.action.activeChannel : theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(ownerState.color === 'default' ? theme.palette.action.active : theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
@@ -40825,22 +40833,22 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       }
     }), []);
     const handleRef = useForkRef(ref, rootRef);
+    const name = useId(nameProp);
+    const contextValue = React__namespace.useMemo(() => ({
+      name,
 
-    const handleChange = event => {
-      setValueState(event.target.value);
+      onChange(event) {
+        setValueState(event.target.value);
 
-      if (onChange) {
-        onChange(event, event.target.value);
-      }
-    };
+        if (onChange) {
+          onChange(event, event.target.value);
+        }
+      },
 
-    const name = useId(nameProp);
+      value
+    }), [name, onChange, setValueState, value]);
     return /*#__PURE__*/jsxRuntime_1(RadioGroupContext$1.Provider, {
-      value: {
-        name,
-        onChange: handleChange,
-        value
-      },
+      value: contextValue,
       children: /*#__PURE__*/jsxRuntime_1(FormGroup$1, _extends({
         role: "radiogroup",
         ref: handleRef
@@ -45568,7 +45576,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     }, [handleClose, open]);
     const handleRef = useForkRef(children.ref, focusVisibleRef, setChildNode, ref); // There is no point in displaying an empty tooltip.
 
-    if (typeof title !== 'number' && !title) {
+    if (!title && title !== 0) {
       open = false;
     }
 
@@ -48014,7 +48022,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
 
       claimedSwipeInstance = null;
       touchDetected.current = false;
-      setMaybeSwiping(false); // The swipe wasn't started.
+      ReactDOM.flushSync(() => {
+        setMaybeSwiping(false);
+      }); // The swipe wasn't started.
 
       if (!swipeInstance.current.isSwiping) {
         swipeInstance.current.isSwiping = null;
@@ -48216,7 +48226,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       claimedSwipeInstance = null;
       swipeInstance.current.startX = currentX;
       swipeInstance.current.startY = currentY;
-      setMaybeSwiping(true);
+      ReactDOM.flushSync(() => {
+        setMaybeSwiping(true);
+      });
 
       if (!open && paperRef.current) {
         // The ref may be null when a parent component updates while swiping.
@@ -48272,6 +48284,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           BackdropProps: _extends({}, BackdropProps, {
             ref: backdropRef
           })
+        }, variant === 'temporary' && {
+          keepMounted: true
         }, ModalPropsProp),
         hideBackdrop: hideBackdrop,
         PaperProps: _extends({}, PaperProps, {