@mui/material 5.13.1 → 5.13.3

package/AppBar/AppBar.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "color", "enableColorOnDark", "position"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -37,87 +40,70 @@ const AppBarRoot = styled(Paper, {
   ownerState
 }) => {
   const backgroundColorDefault = theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[900];
-  return {
+  return _extends({
     display: 'flex',
     flexDirection: 'column',
     width: '100%',
     boxSizing: 'border-box',
     // Prevent padding issue with the Modal and fixed positioned AppBar.
-    flexShrink: 0,
-    ...(ownerState.position === 'fixed' && {
-      position: 'fixed',
-      zIndex: (theme.vars || theme).zIndex.appBar,
-      top: 0,
-      left: 'auto',
-      right: 0,
-      '@media print': {
-        // Prevent the app bar to be visible on each printed page.
-        position: 'absolute'
-      }
-    }),
-    ...(ownerState.position === 'absolute' && {
-      position: 'absolute',
-      zIndex: (theme.vars || theme).zIndex.appBar,
-      top: 0,
-      left: 'auto',
-      right: 0
-    }),
-    ...(ownerState.position === 'sticky' && {
-      // ⚠️ sticky is not supported by IE11.
-      position: 'sticky',
-      zIndex: (theme.vars || theme).zIndex.appBar,
-      top: 0,
-      left: 'auto',
-      right: 0
-    }),
-    ...(ownerState.position === 'static' && {
-      position: 'static'
-    }),
-    ...(ownerState.position === 'relative' && {
-      position: 'relative'
-    }),
-    ...(!theme.vars && {
-      ...(ownerState.color === 'default' && {
-        backgroundColor: backgroundColorDefault,
-        color: theme.palette.getContrastText(backgroundColorDefault)
-      }),
-      ...(ownerState.color && ownerState.color !== 'default' && ownerState.color !== 'inherit' && ownerState.color !== 'transparent' && {
-        backgroundColor: theme.palette[ownerState.color].main,
-        color: theme.palette[ownerState.color].contrastText
-      }),
-      ...(ownerState.color === 'inherit' && {
-        color: 'inherit'
-      }),
-      ...(theme.palette.mode === 'dark' && !ownerState.enableColorOnDark && {
-        backgroundColor: null,
-        color: null
-      }),
-      ...(ownerState.color === 'transparent' && {
-        backgroundColor: 'transparent',
-        color: 'inherit',
-        ...(theme.palette.mode === 'dark' && {
-          backgroundImage: 'none'
-        })
-      })
-    }),
-    ...(theme.vars && {
-      ...(ownerState.color === 'default' && {
-        '--AppBar-background': ownerState.enableColorOnDark ? theme.vars.palette.AppBar.defaultBg : joinVars(theme.vars.palette.AppBar.darkBg, theme.vars.palette.AppBar.defaultBg),
-        '--AppBar-color': ownerState.enableColorOnDark ? theme.vars.palette.text.primary : joinVars(theme.vars.palette.AppBar.darkColor, theme.vars.palette.text.primary)
-      }),
-      ...(ownerState.color && !ownerState.color.match(/^(default|inherit|transparent)$/) && {
-        '--AppBar-background': ownerState.enableColorOnDark ? theme.vars.palette[ownerState.color].main : joinVars(theme.vars.palette.AppBar.darkBg, theme.vars.palette[ownerState.color].main),
-        '--AppBar-color': ownerState.enableColorOnDark ? theme.vars.palette[ownerState.color].contrastText : joinVars(theme.vars.palette.AppBar.darkColor, theme.vars.palette[ownerState.color].contrastText)
-      }),
-      backgroundColor: 'var(--AppBar-background)',
-      color: ownerState.color === 'inherit' ? 'inherit' : 'var(--AppBar-color)',
-      ...(ownerState.color === 'transparent' && {
-        backgroundImage: 'none',
-        backgroundColor: 'transparent',
-        color: 'inherit'
-      })
-    })
-  };
+    flexShrink: 0
+  }, ownerState.position === 'fixed' && {
+    position: 'fixed',
+    zIndex: (theme.vars || theme).zIndex.appBar,
+    top: 0,
+    left: 'auto',
+    right: 0,
+    '@media print': {
+      // Prevent the app bar to be visible on each printed page.
+      position: 'absolute'
+    }
+  }, ownerState.position === 'absolute' && {
+    position: 'absolute',
+    zIndex: (theme.vars || theme).zIndex.appBar,
+    top: 0,
+    left: 'auto',
+    right: 0
+  }, ownerState.position === 'sticky' && {
+    // ⚠️ sticky is not supported by IE11.
+    position: 'sticky',
+    zIndex: (theme.vars || theme).zIndex.appBar,
+    top: 0,
+    left: 'auto',
+    right: 0
+  }, ownerState.position === 'static' && {
+    position: 'static'
+  }, ownerState.position === 'relative' && {
+    position: 'relative'
+  }, !theme.vars && _extends({}, ownerState.color === 'default' && {
+    backgroundColor: backgroundColorDefault,
+    color: theme.palette.getContrastText(backgroundColorDefault)
+  }, ownerState.color && ownerState.color !== 'default' && ownerState.color !== 'inherit' && ownerState.color !== 'transparent' && {
+    backgroundColor: theme.palette[ownerState.color].main,
+    color: theme.palette[ownerState.color].contrastText
+  }, ownerState.color === 'inherit' && {
+    color: 'inherit'
+  }, theme.palette.mode === 'dark' && !ownerState.enableColorOnDark && {
+    backgroundColor: null,
+    color: null
+  }, ownerState.color === 'transparent' && _extends({
+    backgroundColor: 'transparent',
+    color: 'inherit'
+  }, theme.palette.mode === 'dark' && {
+    backgroundImage: 'none'
+  })), theme.vars && _extends({}, ownerState.color === 'default' && {
+    '--AppBar-background': ownerState.enableColorOnDark ? theme.vars.palette.AppBar.defaultBg : joinVars(theme.vars.palette.AppBar.darkBg, theme.vars.palette.AppBar.defaultBg),
+    '--AppBar-color': ownerState.enableColorOnDark ? theme.vars.palette.text.primary : joinVars(theme.vars.palette.AppBar.darkColor, theme.vars.palette.text.primary)
+  }, ownerState.color && !ownerState.color.match(/^(default|inherit|transparent)$/) && {
+    '--AppBar-background': ownerState.enableColorOnDark ? theme.vars.palette[ownerState.color].main : joinVars(theme.vars.palette.AppBar.darkBg, theme.vars.palette[ownerState.color].main),
+    '--AppBar-color': ownerState.enableColorOnDark ? theme.vars.palette[ownerState.color].contrastText : joinVars(theme.vars.palette.AppBar.darkColor, theme.vars.palette[ownerState.color].contrastText)
+  }, {
+    backgroundColor: 'var(--AppBar-background)',
+    color: ownerState.color === 'inherit' ? 'inherit' : 'var(--AppBar-color)'
+  }, ownerState.color === 'transparent' && {
+    backgroundImage: 'none',
+    backgroundColor: 'transparent',
+    color: 'inherit'
+  }));
 });
 const AppBar = /*#__PURE__*/React.forwardRef(function AppBar(inProps, ref) {
   const props = useThemeProps({
@@ -125,28 +111,26 @@ const AppBar = /*#__PURE__*/React.forwardRef(function AppBar(inProps, ref) {
     name: 'MuiAppBar'
   });
   const {
-    className,
-    color = 'primary',
-    enableColorOnDark = false,
-    position = 'fixed',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      color = 'primary',
+      enableColorOnDark = false,
+      position = 'fixed'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     color,
     position,
     enableColorOnDark
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AppBarRoot, {
+  return /*#__PURE__*/_jsx(AppBarRoot, _extends({
     square: true,
     component: "header",
     ownerState: ownerState,
     elevation: 4,
     className: clsx(classes.root, className, position === 'fixed' && 'mui-fixed'),
-    ref: ref,
-    ...other
-  });
+    ref: ref
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? AppBar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/Autocomplete/Autocomplete.d.ts

@@ -163,6 +163,7 @@ export interface AutocompleteProps<
    */
   ListboxProps?: ReturnType<ReturnType<typeof useAutocomplete>['getListboxProps']> & {
     sx?: SxProps<Theme>;
+    ref?: React.Ref<Element>;
   };
   /**
    * If `true`, the component is in a loading state.