@mui/material 5.11.3 → 5.11.4

package/umd/material-ui.development.js

@@ -1,5 +1,7 @@
-/** @license MUI v5.11.3
+/**
+ * @mui/material v5.11.4
  *
+ * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
@@ -10901,7 +10903,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         {
           const matches = newValue.filter(val => isOptionEqualToValue(option, val));
           if (matches.length > 1) {
-            console.error([`MUI: The \`isOptionEqualToValue\` method of ${componentName} do not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${matches.length} matches.`].join('\n'));
+            console.error([`MUI: The \`isOptionEqualToValue\` method of ${componentName} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${matches.length} matches.`].join('\n'));
           }
         }
         const itemIndex = findIndex(newValue, valueItem => isOptionEqualToValue(option, valueItem));
@@ -13970,6 +13972,14 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   /**
    * Portals provide a first-class way to render children into a DOM node
    * that exists outside the DOM hierarchy of the parent component.
+   *
+   * Demos:
+   *
+   * - [Portal](https://mui.com/base/react-portal/)
+   *
+   * API:
+   *
+   * - [Portal API](https://mui.com/base/api/portal/)
    */
   const Portal = /*#__PURE__*/React__namespace.forwardRef(function Portal(props, ref) {
     const {
@@ -13978,6 +13988,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       disablePortal = false
     } = props;
     const [mountNode, setMountNode] = React__namespace.useState(null);
+    // @ts-expect-error TODO upstream fix
     const handleRef = useForkRef( /*#__PURE__*/React__namespace.isValidElement(children) ? children.ref : null, ref);
     useEnhancedEffect$1(() => {
       if (!disablePortal) {
@@ -13995,11 +14006,14 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     }, [ref, mountNode, disablePortal]);
     if (disablePortal) {
       if ( /*#__PURE__*/React__namespace.isValidElement(children)) {
-        return /*#__PURE__*/React__namespace.cloneElement(children, {
+        const newProps = {
           ref: handleRef
-        });
+        };
+        return /*#__PURE__*/React__namespace.cloneElement(children, newProps);
       }
-      return children;
+      return /*#__PURE__*/jsxRuntime_1(React__namespace.Fragment, {
+        children: children
+      });
     }
     return /*#__PURE__*/jsxRuntime_1(React__namespace.Fragment, {
       children: mountNode ? /*#__PURE__*/ReactDOM__namespace.createPortal(children, mountNode) : mountNode
@@ -14008,7 +14022,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   Portal.propTypes /* remove-proptypes */ = {
     // ----------------------------- Warning --------------------------------
     // | These PropTypes are generated from the TypeScript type definitions |
-    // |     To update them edit the d.ts file and run "yarn proptypes"     |
+    // |     To update them edit TypeScript types and run "yarn proptypes"  |
     // ----------------------------------------------------------------------
     /**
      * The children to render into the `container`.
@@ -22599,6 +22613,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         className: classes.option
       }), option, {
         selected: optionProps['aria-selected'],
+        index,
         inputValue
       });
     };
@@ -29217,12 +29232,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       [`&.${filledInputClasses$1.error}`]: {
         '&:before, &:after': {
           borderBottomColor: (theme.vars || theme).palette.error.main
-        },
-        '&:focus-within:after': {
-          transform: 'scaleX(1)' // error is always underlined in red
         }
       },
-
       '&:before': {
         borderBottom: `1px solid ${theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / ${theme.vars.opacity.inputUnderline})` : bottomLineColor}`,
         left: 0,
@@ -32683,12 +32694,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       [`&.${inputClasses$1.error}`]: {
         '&:before, &:after': {
           borderBottomColor: (theme.vars || theme).palette.error.main
-        },
-        '&:focus-within:after': {
-          transform: 'scaleX(1)' // error is always underlined in red
         }
       },
-
       '&:before': {
         borderBottom: `1px solid ${bottomLineColor}`,
         left: 0,
@@ -32704,7 +32711,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       },
 
       [`&:hover:not(.${inputClasses$1.disabled}, .${inputClasses$1.error}):before`]: {
-        borderBottom: `1px solid ${(theme.vars || theme).palette.text.primary}`,
+        borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
         // Reset on touch devices, it doesn't add specificity
         '@media (hover: none)': {
           borderBottom: `1px solid ${bottomLineColor}`
@@ -36262,7 +36269,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      */
     role: PropTypes /* @typescript-to-proptypes-ignore */.string,
     /**
-     * @ignore
+     * If `true`, the component is selected.
+     * @default false
      */
     selected: PropTypes.bool,
     /**
@@ -42706,7 +42714,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         }) => /*#__PURE__*/jsxRuntime_1(TransitionComponent, _extends({
           timeout: theme.transitions.duration.shorter
         }, TransitionPropsInner, transitionProps, {
-          "data-foo": "bar",
           children: /*#__PURE__*/jsxRuntime_2(TooltipComponent, _extends({}, tooltipProps, {
             children: [title, arrow ? /*#__PURE__*/jsxRuntime_1(ArrowComponent, _extends({}, tooltipArrowProps, {
               ref: setArrowRef
@@ -47772,7 +47779,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           }
           tabMeta = tab ? tab.getBoundingClientRect() : null;
           {
-            if (!warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0) {
+            if (!warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0 &&
+            // if the whole Tabs component is hidden, don't warn
+            tabsMeta.clientWidth !== 0) {
               tabsMeta = null;
               console.error(['MUI: The `value` provided to the Tabs component is invalid.', `The Tab with this \`value\` ("${value}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join('\n'));
               warnedOnceTabPresent = true;