@mui/material 5.16.7 → 5.16.9

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.16.7
+ * @mui/material v5.16.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -5068,7 +5068,7 @@
     return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in item) && !(Symbol.iterator in item);
   }
   function deepClone(source) {
-    if (!isPlainObject(source)) {
+    if ( /*#__PURE__*/React__namespace.isValidElement(source) || !isPlainObject(source)) {
       return source;
     }
     var output = {};
@@ -5084,7 +5084,9 @@
     var output = options.clone ? _extends({}, target) : target;
     if (isPlainObject(target) && isPlainObject(source)) {
       Object.keys(source).forEach(function (key) {
-        if (isPlainObject(source[key]) &&
+        if ( /*#__PURE__*/React__namespace.isValidElement(source[key])) {
+          output[key] = source[key];
+        } else if (isPlainObject(source[key]) &&
         // Avoid prototype pollution
         Object.prototype.hasOwnProperty.call(target, key) && isPlainObject(target[key])) {
           // Since `output` is a clone of `target` and we have narrowed `target` in this block we can cast to the same type.
@@ -8659,6 +8661,24 @@
     return props;
   }
 
+  /**
+   * Returns the ref of a React element handling differences between React 19 and older versions.
+   * It will throw runtime error if the element is not a valid React element.
+   *
+   * @param element React.ReactElement
+   * @returns React.Ref<any> | null
+   */
+  function getReactElementRef(element) {
+    // 'ref' is passed as prop in React 19, whereas 'ref' is directly attached to children in older versions
+    if (parseInt(React__namespace.version, 10) >= 19) {
+      var _element$props;
+      return (element == null || (_element$props = element.props) == null ? void 0 : _element$props.ref) || null;
+    }
+    // @ts-expect-error element.ref is not included in the ReactElement type
+    // https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/70189
+    return (element == null ? void 0 : element.ref) || null;
+  }
+
   var ThemeContext = /*#__PURE__*/React__namespace.createContext(null);
   {
     ThemeContext.displayName = 'ThemeContext';
@@ -10233,9 +10253,9 @@
       }, other, {
         children: React__namespace.Children.map(children, function (child) {
           if ( /*#__PURE__*/React__namespace.isValidElement(child) && isMuiElement(child, ['Grid'])) {
-            var _child$props$unstable;
+            var _unstable_level, _child$props;
             return /*#__PURE__*/React__namespace.cloneElement(child, {
-              unstable_level: (_child$props$unstable = child.props.unstable_level) != null ? _child$props$unstable : level + 1
+              unstable_level: (_unstable_level = (_child$props = child.props) == null ? void 0 : _child$props.unstable_level) != null ? _unstable_level : level + 1
             });
           }
           return child;
@@ -16132,6 +16152,7 @@
     var _listboxRef$current$p;
     return listboxRef.current !== null && ((_listboxRef$current$p = listboxRef.current.parentElement) == null ? void 0 : _listboxRef$current$p.contains(document.activeElement));
   };
+  var MULTIPLE_DEFAULT_VALUE = [];
   function useAutocomplete(props) {
     var _props$unstable_isAct = props.unstable_isActiveElementInListbox,
       unstable_isActiveElementInListbox = _props$unstable_isAct === void 0 ? defaultIsActiveElementInListbox : _props$unstable_isAct,
@@ -16152,7 +16173,7 @@
       _props$componentName = props.componentName,
       componentName = _props$componentName === void 0 ? 'useAutocomplete' : _props$componentName,
       _props$defaultValue = props.defaultValue,
-      defaultValue = _props$defaultValue === void 0 ? props.multiple ? [] : null : _props$defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? props.multiple ? MULTIPLE_DEFAULT_VALUE : null : _props$defaultValue,
       _props$disableClearab = props.disableClearable,
       disableClearable = _props$disableClearab === void 0 ? false : _props$disableClearab,
       _props$disableCloseOn = props.disableCloseOnSelect,
@@ -18958,8 +18979,8 @@
       disablePortal = _props$disablePortal === void 0 ? false : _props$disablePortal;
     var _React$useState = React__namespace.useState(null),
       mountNode = _React$useState[0],
-      setMountNode = _React$useState[1]; // @ts-expect-error TODO upstream fix
-    var handleRef = useForkRef( /*#__PURE__*/React__namespace.isValidElement(children) ? children.ref : null, forwardedRef);
+      setMountNode = _React$useState[1];
+    var handleRef = useForkRef( /*#__PURE__*/React__namespace.isValidElement(children) ? getReactElementRef(children) : null, forwardedRef);
     useEnhancedEffect$1(function () {
       if (!disablePortal) {
         setMountNode(getContainer$1(container) || document.body);
@@ -22786,7 +22807,7 @@
       TransitionComponent = _props$TransitionComp === void 0 ? Transition$1 : _props$TransitionComp,
       other = _objectWithoutProperties(props, ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]);
     var nodeRef = React__namespace.useRef(null);
-    var handleRef = useForkRef(nodeRef, _children.ref, ref);
+    var handleRef = useForkRef(nodeRef, getReactElementRef(_children), ref);
     var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
       return function (maybeIsAppearing) {
         if (callback) {
@@ -26267,9 +26288,7 @@
         activatedRef.current = false;
       };
     }, []);
-    var handleRef = useForkRef(
-    // @ts-expect-error TODO upstream fix
-    children.ref, nodeRef);
+    var handleRef = useForkRef(getReactElementRef(children), nodeRef);
 
     // The handler doesn't take event.defaultPrevented into account:
     //
@@ -26924,8 +26943,7 @@
     // It waits for the active element to move into the component to activate.
     var activated = React__namespace.useRef(false);
     var rootRef = React__namespace.useRef(null);
-    // @ts-expect-error TODO upstream fix
-    var handleRef = useForkRef(children.ref, rootRef);
+    var handleRef = useForkRef(getReactElementRef(children), rootRef);
     var lastKeydown = React__namespace.useRef(null);
     React__namespace.useEffect(function () {
       // We might render an empty child.
@@ -28789,7 +28807,7 @@
       TransitionComponent = _props$TransitionComp === void 0 ? Transition$1 : _props$TransitionComp,
       other = _objectWithoutProperties(props, ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]);
     var childrenRef = React__namespace.useRef(null);
-    var handleRef = useForkRef(_children.ref, childrenRef, ref);
+    var handleRef = useForkRef(getReactElementRef(_children), childrenRef, ref);
     var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
       return function (isAppearing) {
         if (callback) {
@@ -31608,7 +31626,7 @@
     var autoTimeout = React__namespace.useRef();
     var theme = useTheme();
     var nodeRef = React__namespace.useRef(null);
-    var handleRef = useForkRef(nodeRef, _children.ref, ref);
+    var handleRef = useForkRef(nodeRef, getReactElementRef(_children), ref);
     var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
       return function (maybeIsAppearing) {
         if (callback) {
@@ -40292,7 +40310,7 @@
         ownerState: ownerState
       })
     }[variant];
-    var inputComponentRef = useForkRef(ref, InputComponent.ref);
+    var inputComponentRef = useForkRef(ref, getReactElementRef(InputComponent));
     return /*#__PURE__*/jsxRuntime_1(React__namespace.Fragment, {
       children: /*#__PURE__*/React__namespace.cloneElement(InputComponent, _extends({
         // Most of the logic is implemented in `SelectInput`.
@@ -40846,7 +40864,7 @@
       shiftStep = _parameters$shiftStep === void 0 ? 10 : _parameters$shiftStep,
       tabIndex = parameters.tabIndex,
       valueProp = parameters.value;
-    var touchId = React__namespace.useRef();
+    var touchId = React__namespace.useRef(undefined);
     // We can't use the :active browser pseudo-classes.
     // - The active state isn't triggered when clicking on the rail.
     // - The active state isn't transferred when inversing a range slider.
@@ -40906,7 +40924,7 @@
     var _React$useState4 = React__namespace.useState(-1),
       focusedThumbIndex = _React$useState4[0],
       setFocusedThumbIndex = _React$useState4[1];
-    var sliderRef = React__namespace.useRef();
+    var sliderRef = React__namespace.useRef(null);
     var handleFocusRef = useForkRef(focusVisibleRef, sliderRef);
     var handleRef = useForkRef(ref, handleFocusRef);
     var createHandleHiddenInputFocus = function createHandleHiddenInputFocus(otherHandlers) {
@@ -41025,7 +41043,7 @@
         changeValue(event, event.target.valueAsNumber);
       };
     };
-    var previousIndex = React__namespace.useRef();
+    var previousIndex = React__namespace.useRef(undefined);
     var axis = orientation;
     if (isRtl && orientation === 'horizontal') {
       axis += '-reverse';
@@ -43038,7 +43056,7 @@
       TransitionComponent = _props$TransitionComp === void 0 ? Transition$1 : _props$TransitionComp,
       other = _objectWithoutProperties(props, ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]);
     var nodeRef = React__namespace.useRef(null);
-    var handleRef = useForkRef(nodeRef, _children.ref, ref);
+    var handleRef = useForkRef(nodeRef, getReactElementRef(_children), ref);
     var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
       return function (maybeIsAppearing) {
         if (callback) {
@@ -44086,7 +44104,7 @@
         document.removeEventListener('keydown', handleKeyDown);
       };
     }, [handleClose, open]);
-    var handleRef = useForkRef(children.ref, focusVisibleRef, setChildNode, ref);
+    var handleRef = useForkRef(getReactElementRef(children), focusVisibleRef, setChildNode, ref);
 
     // There is no point in displaying an empty tooltip.
     // So we exclude all falsy values, except 0, which is valid.
@@ -48842,9 +48860,10 @@
       onChange(scrollbarHeight.current);
     }, [onChange]);
     return /*#__PURE__*/jsxRuntime_1("div", _extends({
-      style: styles,
+      style: styles
+    }, other, {
       ref: nodeRef
-    }, other));
+    }));
   }
   ScrollbarSize.propTypes = {
     onChange: PropTypes.func.isRequired