@mui/material 5.15.15 → 5.15.17

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.15
+ * @mui/material v5.15.17
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -20196,6 +20196,7 @@
       isControlled = _React$useRef.current;
     var inputRef = React__namespace.useRef(null);
     var handleRef = useForkRef(forwardedRef, inputRef);
+    var heightRef = React__namespace.useRef(null);
     var shadowRef = React__namespace.useRef(null);
     var calculateTextareaStyles = React__namespace.useCallback(function () {
       var input = inputRef.current;
@@ -20252,8 +20253,12 @@
       if (isEmpty$1(textareaStyles)) {
         return;
       }
+      var outerHeightStyle = textareaStyles.outerHeightStyle;
       var input = inputRef.current;
-      input.style.height = "".concat(textareaStyles.outerHeightStyle, "px");
+      if (heightRef.current !== outerHeightStyle) {
+        heightRef.current = outerHeightStyle;
+        input.style.height = "".concat(outerHeightStyle, "px");
+      }
       input.style.overflow = textareaStyles.overflowing ? 'hidden' : '';
     }, [calculateTextareaStyles]);
     useEnhancedEffect$1(function () {
@@ -28741,6 +28746,7 @@
       _props$maxWidth = props.maxWidth,
       maxWidth = _props$maxWidth === void 0 ? 'sm' : _props$maxWidth,
       onBackdropClick = props.onBackdropClick,
+      onClick = props.onClick,
       onClose = props.onClose,
       open = props.open,
       _props$PaperComponent = props.PaperComponent,
@@ -28754,7 +28760,7 @@
       _props$transitionDura = props.transitionDuration,
       transitionDuration = _props$transitionDura === void 0 ? defaultTransitionDuration : _props$transitionDura,
       TransitionProps = props.TransitionProps,
-      other = _objectWithoutProperties(props, ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"]);
+      other = _objectWithoutProperties(props, ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"]);
     var ownerState = _extends({}, props, {
       disableEscapeKeyDown: disableEscapeKeyDown,
       fullScreen: fullScreen,
@@ -28770,6 +28776,10 @@
       backdropClick.current = event.target === event.currentTarget;
     };
     var handleBackdropClick = function handleBackdropClick(event) {
+      if (onClick) {
+        onClick(event);
+      }
+
       // Ignore the events not coming from the "backdrop".
       if (!backdropClick.current) {
         return;
@@ -28908,6 +28918,10 @@
      * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
      */
     onBackdropClick: PropTypes.func,
+    /**
+     * @ignore
+     */
+    onClick: PropTypes.func,
     /**
      * Callback fired when the component requests to be closed.
      *
@@ -41722,29 +41736,7 @@
       '&:hover': {
         boxShadow: 'none'
       }
-    }), "variants", [].concat(_toConsumableArray(Object.keys(((_theme$vars5 = theme.vars) != null ? _theme$vars5 : theme).palette).filter(function (key) {
-      var _theme$vars6;
-      return ((_theme$vars6 = theme.vars) != null ? _theme$vars6 : theme).palette[key].main;
-    }).map(function (color) {
-      return {
-        props: {
-          color: color
-        },
-        style: _defineProperty(_defineProperty({}, "&:hover, &.".concat(sliderClasses$1.focusVisible), _extends({}, theme.vars ? {
-          boxShadow: "0px 0px 0px 8px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)")
-        } : {
-          boxShadow: "0px 0px 0px 8px ".concat(alpha(theme.palette[color].main, 0.16))
-        }, {
-          '@media (hover: none)': {
-            boxShadow: 'none'
-          }
-        })), "&.".concat(sliderClasses$1.active), _extends({}, theme.vars ? {
-          boxShadow: "0px 0px 0px 14px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)}")
-        } : {
-          boxShadow: "0px 0px 0px 14px ".concat(alpha(theme.palette[color].main, 0.16))
-        }))
-      };
-    })), [{
+    }), "variants", [{
       props: {
         size: 'small'
       },
@@ -41771,7 +41763,29 @@
         left: '50%',
         transform: 'translate(-50%, 50%)'
       }
-    }]));
+    }].concat(_toConsumableArray(Object.keys(((_theme$vars5 = theme.vars) != null ? _theme$vars5 : theme).palette).filter(function (key) {
+      var _theme$vars6;
+      return ((_theme$vars6 = theme.vars) != null ? _theme$vars6 : theme).palette[key].main;
+    }).map(function (color) {
+      return {
+        props: {
+          color: color
+        },
+        style: _defineProperty(_defineProperty({}, "&:hover, &.".concat(sliderClasses$1.focusVisible), _extends({}, theme.vars ? {
+          boxShadow: "0px 0px 0px 8px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)")
+        } : {
+          boxShadow: "0px 0px 0px 8px ".concat(alpha(theme.palette[color].main, 0.16))
+        }, {
+          '@media (hover: none)': {
+            boxShadow: 'none'
+          }
+        })), "&.".concat(sliderClasses$1.active), _extends({}, theme.vars ? {
+          boxShadow: "0px 0px 0px 14px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)}")
+        } : {
+          boxShadow: "0px 0px 0px 14px ".concat(alpha(theme.palette[color].main, 0.16))
+        }))
+      };
+    }))));
   });
   var SliderValueLabel = styled$1(SliderValueLabel$1, {
     name: 'MuiSlider',