@mui/material 5.0.5 → 5.0.6

package/transitions/utils.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-export declare const reflow: (node: Element) => number;
-interface ComponentProps {
-    easing: string | {
-        enter?: string;
-        exit?: string;
-    } | undefined;
-    style: React.CSSProperties | undefined;
-    timeout: number | {
-        enter?: number;
-        exit?: number;
-    };
-}
-interface Options {
-    mode: 'enter' | 'exit';
-}
-interface TransitionProps {
-    duration: string | number;
-    easing: string | undefined;
-    delay: string | undefined;
-}
-export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
-export {};
+import * as React from 'react';
+export declare const reflow: (node: Element) => number;
+interface ComponentProps {
+    easing: string | {
+        enter?: string;
+        exit?: string;
+    } | undefined;
+    style: React.CSSProperties | undefined;
+    timeout: number | {
+        enter?: number;
+        exit?: number;
+    };
+}
+interface Options {
+    mode: 'enter' | 'exit';
+}
+interface TransitionProps {
+    duration: string | number;
+    easing: string | undefined;
+    delay: string | undefined;
+}
+export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
+export {};

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.5
+/** @license MUI v5.0.6
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -6716,7 +6716,11 @@
 
       const muiStyledResolver = (styleArg, ...expressions) => {
         const expressionsWithDefaultTheme = expressions ? expressions.map(stylesArg => {
-          return typeof stylesArg === 'function' ? _ref => {
+          // On the server emotion doesn't use React.forwardRef for creating components, so the created
+          // component stays as a function. This condition makes sure that we do not interpolate functions
+          // which are basically components used as a selectors.
+          // eslint-disable-next-line no-underscore-dangle
+          return typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg ? _ref => {
             let {
               theme: themeInput
             } = _ref,
@@ -7405,6 +7409,14 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     });
     const [focused, setFocused] = React__namespace.useState(false);
     const resetInputValue = React__namespace.useCallback((event, newValue) => {
+      // retain current `inputValue` if new option isn't selected and `clearOnBlur` is false
+      // When `multiple` is enabled, `newValue` is an array of all selected items including the newly selected item
+      const isOptionSelected = multiple ? value.length < newValue.length : newValue !== null;
+
+      if (!isOptionSelected && !clearOnBlur) {
+        return;
+      }
+
       let newInputValue;
 
       if (multiple) {
@@ -7425,7 +7437,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       if (onInputChange) {
         onInputChange(event, newInputValue, 'reset');
       }
-    }, [getOptionLabel, inputValue, multiple, onInputChange, setInputValueState]);
+    }, [getOptionLabel, inputValue, multiple, onInputChange, setInputValueState, clearOnBlur, value]);
     const prevValue = React__namespace.useRef();
     React__namespace.useEffect(() => {
       const valueChange = value !== prevValue.current;
@@ -39237,7 +39249,6 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
                   style: items.length - 1 === indexDecimal ? {} : {
                     width: itemDecimalValue === value ? `${(indexDecimal + 1) * precision * 100}%` : '0%',
                     overflow: 'hidden',
-                    zIndex: 1,
                     position: 'absolute'
                   }
                 }