@mui/material 5.13.1 → 5.13.3

package/modern/Collapse/Collapse.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -38,25 +41,21 @@ const CollapseRoot = styled('div', {
 })(({
   theme,
   ownerState
-}) => ({
+}) => _extends({
   height: 0,
   overflow: 'hidden',
-  transition: theme.transitions.create('height'),
-  ...(ownerState.orientation === 'horizontal' && {
-    height: 'auto',
-    width: 0,
-    transition: theme.transitions.create('width')
-  }),
-  ...(ownerState.state === 'entered' && {
-    height: 'auto',
-    overflow: 'visible',
-    ...(ownerState.orientation === 'horizontal' && {
-      width: 'auto'
-    })
-  }),
-  ...(ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px' && {
-    visibility: 'hidden'
-  })
+  transition: theme.transitions.create('height')
+}, ownerState.orientation === 'horizontal' && {
+  height: 'auto',
+  width: 0,
+  transition: theme.transitions.create('width')
+}, ownerState.state === 'entered' && _extends({
+  height: 'auto',
+  overflow: 'visible'
+}, ownerState.orientation === 'horizontal' && {
+  width: 'auto'
+}), ownerState.state === 'exited' && !ownerState.in && ownerState.collapsedSize === '0px' && {
+  visibility: 'hidden'
 }));
 const CollapseWrapper = styled('div', {
   name: 'MuiCollapse',
@@ -64,14 +63,13 @@ const CollapseWrapper = styled('div', {
   overridesResolver: (props, styles) => styles.wrapper
 })(({
   ownerState
-}) => ({
+}) => _extends({
   // Hack to get children with a negative margin to not falsify the height computation.
   display: 'flex',
-  width: '100%',
-  ...(ownerState.orientation === 'horizontal' && {
-    width: 'auto',
-    height: '100%'
-  })
+  width: '100%'
+}, ownerState.orientation === 'horizontal' && {
+  width: 'auto',
+  height: '100%'
 }));
 const CollapseWrapperInner = styled('div', {
   name: 'MuiCollapse',
@@ -79,12 +77,11 @@ const CollapseWrapperInner = styled('div', {
   overridesResolver: (props, styles) => styles.wrapperInner
 })(({
   ownerState
-}) => ({
-  width: '100%',
-  ...(ownerState.orientation === 'horizontal' && {
-    width: 'auto',
-    height: '100%'
-  })
+}) => _extends({
+  width: '100%'
+}, ownerState.orientation === 'horizontal' && {
+  width: 'auto',
+  height: '100%'
 }));
 
 /**
@@ -98,31 +95,30 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     name: 'MuiCollapse'
   });
   const {
-    addEndListener,
-    children,
-    className,
-    collapsedSize: collapsedSizeProp = '0px',
-    component,
-    easing,
-    in: inProp,
-    onEnter,
-    onEntered,
-    onEntering,
-    onExit,
-    onExited,
-    onExiting,
-    orientation = 'vertical',
-    style,
-    timeout = duration.standard,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = Transition,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      addEndListener,
+      children,
+      className,
+      collapsedSize: collapsedSizeProp = '0px',
+      component,
+      easing,
+      in: inProp,
+      onEnter,
+      onEntered,
+      onEntering,
+      onExit,
+      onExited,
+      onExiting,
+      orientation = 'vertical',
+      style,
+      timeout = duration.standard,
+      // eslint-disable-next-line react/prop-types
+      TransitionComponent = Transition
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     orientation,
     collapsedSize: collapsedSizeProp
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const theme = useTheme();
   const timer = React.useRef();
@@ -239,7 +235,7 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/_jsx(TransitionComponent, {
+  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     in: inProp,
     onEnter: handleEnter,
     onEntered: handleEntered,
@@ -249,42 +245,38 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     onExiting: handleExiting,
     addEndListener: handleAddEndListener,
     nodeRef: nodeRef,
-    timeout: timeout === 'auto' ? null : timeout,
-    ...other,
-    children: (state, childProps) => /*#__PURE__*/_jsx(CollapseRoot, {
+    timeout: timeout === 'auto' ? null : timeout
+  }, other, {
+    children: (state, childProps) => /*#__PURE__*/_jsx(CollapseRoot, _extends({
       as: component,
       className: clsx(classes.root, className, {
         'entered': classes.entered,
         'exited': !inProp && collapsedSize === '0px' && classes.hidden
       }[state]),
-      style: {
-        [isHorizontal ? 'minWidth' : 'minHeight']: collapsedSize,
-        ...style
-      },
-      ownerState: {
-        ...ownerState,
+      style: _extends({
+        [isHorizontal ? 'minWidth' : 'minHeight']: collapsedSize
+      }, style),
+      ownerState: _extends({}, ownerState, {
         state
-      },
-      ref: handleRef,
-      ...childProps,
+      }),
+      ref: handleRef
+    }, childProps, {
       children: /*#__PURE__*/_jsx(CollapseWrapper, {
-        ownerState: {
-          ...ownerState,
+        ownerState: _extends({}, ownerState, {
           state
-        },
+        }),
         className: classes.wrapper,
         ref: wrapperRef,
         children: /*#__PURE__*/_jsx(CollapseWrapperInner, {
-          ownerState: {
-            ...ownerState,
+          ownerState: _extends({}, ownerState, {
             state
-          },
+          }),
           className: classes.wrapperInner,
           children: children
         })
       })
-    })
-  });
+    }))
+  }));
 });
 process.env.NODE_ENV !== "production" ? Collapse.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/CssBaseline/CssBaseline.js

@@ -1,10 +1,11 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import useThemeProps from '../styles/useThemeProps';
 import GlobalStyles from '../GlobalStyles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export const html = (theme, enableColorScheme) => ({
+export const html = (theme, enableColorScheme) => _extends({
   WebkitFontSmoothing: 'antialiased',
   // Antialiasing.
   MozOsxFontSmoothing: 'grayscale',
@@ -13,15 +14,13 @@ export const html = (theme, enableColorScheme) => ({
   // is not affected by `padding` or `border`.
   boxSizing: 'border-box',
   // Fix font resize problem in iOS
-  WebkitTextSizeAdjust: '100%',
-  // When used under CssVarsProvider, colorScheme should not be applied dynamically because it will generate the stylesheet twice for server-rendered applications.
-  ...(enableColorScheme && !theme.vars && {
-    colorScheme: theme.palette.mode
-  })
+  WebkitTextSizeAdjust: '100%'
+}, enableColorScheme && !theme.vars && {
+  colorScheme: theme.palette.mode
 });
-export const body = theme => ({
-  color: (theme.vars || theme).palette.text.primary,
-  ...theme.typography.body1,
+export const body = theme => _extends({
+  color: (theme.vars || theme).palette.text.primary
+}, theme.typography.body1, {
   backgroundColor: (theme.vars || theme).palette.background.default,
   '@media print': {
     // Save printer ink.
@@ -37,7 +36,7 @@ export const styles = (theme, enableColorScheme = false) => {
       };
     });
   }
-  let defaultStyles = {
+  let defaultStyles = _extends({
     html: html(theme, enableColorScheme),
     '*, *::before, *::after': {
       boxSizing: 'inherit'
@@ -45,18 +44,16 @@ export const styles = (theme, enableColorScheme = false) => {
     'strong, b': {
       fontWeight: theme.typography.fontWeightBold
     },
-    body: {
-      margin: 0,
-      // Remove the margin in all browsers.
-      ...body(theme),
+    body: _extends({
+      margin: 0
+    }, body(theme), {
       // Add support for document.body.requestFullScreen().
       // Other elements, if background transparent, are not supported.
       '&::backdrop': {
         backgroundColor: (theme.vars || theme).palette.background.default
       }
-    },
-    ...colorSchemeStyles
-  };
+    })
+  }, colorSchemeStyles);
   const themeOverrides = theme.components?.MuiCssBaseline?.styleOverrides;
   if (themeOverrides) {
     defaultStyles = [defaultStyles, themeOverrides];

package/modern/Dialog/Dialog.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -58,30 +61,28 @@ const DialogContainer = styled('div', {
   }
 })(({
   ownerState
-}) => ({
+}) => _extends({
   height: '100%',
   '@media print': {
     height: 'auto'
   },
   // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0,
-  ...(ownerState.scroll === 'paper' && {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center'
-  }),
-  ...(ownerState.scroll === 'body' && {
-    overflowY: 'auto',
-    overflowX: 'hidden',
-    textAlign: 'center',
-    '&:after': {
-      content: '""',
-      display: 'inline-block',
-      verticalAlign: 'middle',
-      height: '100%',
-      width: '0'
-    }
-  })
+  outline: 0
+}, ownerState.scroll === 'paper' && {
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center'
+}, ownerState.scroll === 'body' && {
+  overflowY: 'auto',
+  overflowX: 'hidden',
+  textAlign: 'center',
+  '&:after': {
+    content: '""',
+    display: 'inline-block',
+    verticalAlign: 'middle',
+    height: '100%',
+    width: '0'
+  }
 }));
 const DialogPaper = styled(Paper, {
   name: 'MuiDialog',
@@ -95,7 +96,7 @@ const DialogPaper = styled(Paper, {
 })(({
   theme,
   ownerState
-}) => ({
+}) => _extends({
   margin: 32,
   position: 'relative',
   overflowY: 'auto',
@@ -103,52 +104,44 @@ const DialogPaper = styled(Paper, {
   '@media print': {
     overflowY: 'visible',
     boxShadow: 'none'
-  },
-  ...(ownerState.scroll === 'paper' && {
-    display: 'flex',
-    flexDirection: 'column',
-    maxHeight: 'calc(100% - 64px)'
-  }),
-  ...(ownerState.scroll === 'body' && {
-    display: 'inline-block',
-    verticalAlign: 'middle',
-    textAlign: 'left' // 'initial' doesn't work on IE11
-  }),
-
-  ...(!ownerState.maxWidth && {
-    maxWidth: 'calc(100% - 64px)'
-  }),
-  ...(ownerState.maxWidth === 'xs' && {
-    maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`,
-    [`&.${dialogClasses.paperScrollBody}`]: {
-      [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
-        maxWidth: 'calc(100% - 64px)'
-      }
+  }
+}, ownerState.scroll === 'paper' && {
+  display: 'flex',
+  flexDirection: 'column',
+  maxHeight: 'calc(100% - 64px)'
+}, ownerState.scroll === 'body' && {
+  display: 'inline-block',
+  verticalAlign: 'middle',
+  textAlign: 'left' // 'initial' doesn't work on IE11
+}, !ownerState.maxWidth && {
+  maxWidth: 'calc(100% - 64px)'
+}, ownerState.maxWidth === 'xs' && {
+  maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`,
+  [`&.${dialogClasses.paperScrollBody}`]: {
+    [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
+      maxWidth: 'calc(100% - 64px)'
     }
-  }),
-  ...(ownerState.maxWidth && ownerState.maxWidth !== 'xs' && {
-    maxWidth: `${theme.breakpoints.values[ownerState.maxWidth]}${theme.breakpoints.unit}`,
-    [`&.${dialogClasses.paperScrollBody}`]: {
-      [theme.breakpoints.down(theme.breakpoints.values[ownerState.maxWidth] + 32 * 2)]: {
-        maxWidth: 'calc(100% - 64px)'
-      }
+  }
+}, ownerState.maxWidth && ownerState.maxWidth !== 'xs' && {
+  maxWidth: `${theme.breakpoints.values[ownerState.maxWidth]}${theme.breakpoints.unit}`,
+  [`&.${dialogClasses.paperScrollBody}`]: {
+    [theme.breakpoints.down(theme.breakpoints.values[ownerState.maxWidth] + 32 * 2)]: {
+      maxWidth: 'calc(100% - 64px)'
     }
-  }),
-  ...(ownerState.fullWidth && {
-    width: 'calc(100% - 64px)'
-  }),
-  ...(ownerState.fullScreen && {
+  }
+}, ownerState.fullWidth && {
+  width: 'calc(100% - 64px)'
+}, ownerState.fullScreen && {
+  margin: 0,
+  width: '100%',
+  maxWidth: '100%',
+  height: '100%',
+  maxHeight: 'none',
+  borderRadius: 0,
+  [`&.${dialogClasses.paperScrollBody}`]: {
     margin: 0,
-    width: '100%',
-    maxWidth: '100%',
-    height: '100%',
-    maxHeight: 'none',
-    borderRadius: 0,
-    [`&.${dialogClasses.paperScrollBody}`]: {
-      margin: 0,
-      maxWidth: '100%'
-    }
-  })
+    maxWidth: '100%'
+  }
 }));
 
 /**
@@ -165,35 +158,34 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     exit: theme.transitions.duration.leavingScreen
   };
   const {
-    'aria-describedby': ariaDescribedby,
-    'aria-labelledby': ariaLabelledbyProp,
-    BackdropComponent,
-    BackdropProps,
-    children,
-    className,
-    disableEscapeKeyDown = false,
-    fullScreen = false,
-    fullWidth = false,
-    maxWidth = 'sm',
-    onBackdropClick,
-    onClose,
-    open,
-    PaperComponent = Paper,
-    PaperProps = {},
-    scroll = 'paper',
-    TransitionComponent = Fade,
-    transitionDuration = defaultTransitionDuration,
-    TransitionProps,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      'aria-describedby': ariaDescribedby,
+      'aria-labelledby': ariaLabelledbyProp,
+      BackdropComponent,
+      BackdropProps,
+      children,
+      className,
+      disableEscapeKeyDown = false,
+      fullScreen = false,
+      fullWidth = false,
+      maxWidth = 'sm',
+      onBackdropClick,
+      onClose,
+      open,
+      PaperComponent = Paper,
+      PaperProps = {},
+      scroll = 'paper',
+      TransitionComponent = Fade,
+      transitionDuration = defaultTransitionDuration,
+      TransitionProps
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     disableEscapeKeyDown,
     fullScreen,
     fullWidth,
     maxWidth,
     scroll
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const backdropClick = React.useRef();
   const handleMouseDown = event => {
@@ -220,53 +212,52 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
       titleId: ariaLabelledby
     };
   }, [ariaLabelledby]);
-  return /*#__PURE__*/_jsx(DialogRoot, {
+  return /*#__PURE__*/_jsx(DialogRoot, _extends({
     className: clsx(classes.root, className),
     closeAfterTransition: true,
     components: {
       Backdrop: DialogBackdrop
     },
     componentsProps: {
-      backdrop: {
+      backdrop: _extends({
         transitionDuration,
-        as: BackdropComponent,
-        ...BackdropProps
-      }
+        as: BackdropComponent
+      }, BackdropProps)
     },
     disableEscapeKeyDown: disableEscapeKeyDown,
     onClose: onClose,
     open: open,
     ref: ref,
     onClick: handleBackdropClick,
-    ownerState: ownerState,
-    ...other,
-    children: /*#__PURE__*/_jsx(TransitionComponent, {
+    ownerState: ownerState
+  }, other, {
+    children: /*#__PURE__*/_jsx(TransitionComponent, _extends({
       appear: true,
       in: open,
       timeout: transitionDuration,
-      role: "presentation",
-      ...TransitionProps,
+      role: "presentation"
+    }, TransitionProps, {
       children: /*#__PURE__*/_jsx(DialogContainer, {
         className: clsx(classes.container),
         onMouseDown: handleMouseDown,
         ownerState: ownerState,
-        children: /*#__PURE__*/_jsx(DialogPaper, {
+        children: /*#__PURE__*/_jsx(DialogPaper, _extends({
           as: PaperComponent,
           elevation: 24,
           role: "dialog",
           "aria-describedby": ariaDescribedby,
-          "aria-labelledby": ariaLabelledby,
-          ...PaperProps,
+          "aria-labelledby": ariaLabelledby
+        }, PaperProps, {
           className: clsx(classes.paper, PaperProps.className),
           ownerState: ownerState,
           children: /*#__PURE__*/_jsx(DialogContext.Provider, {
             value: dialogContextValue,
             children: children
           })
-        })
+        }))
       })
-    })
-  });
+    }))
+  }));
 });
 process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/DialogActions/DialogActions.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "disableSpacing"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -27,17 +30,16 @@ const DialogActionsRoot = styled('div', {
   }
 })(({
   ownerState
-}) => ({
+}) => _extends({
   display: 'flex',
   alignItems: 'center',
   padding: 8,
   justifyContent: 'flex-end',
-  flex: '0 0 auto',
-  ...(!ownerState.disableSpacing && {
-    '& > :not(:first-of-type)': {
-      marginLeft: 8
-    }
-  })
+  flex: '0 0 auto'
+}, !ownerState.disableSpacing && {
+  '& > :not(:first-of-type)': {
+    marginLeft: 8
+  }
 }));
 const DialogActions = /*#__PURE__*/React.forwardRef(function DialogActions(inProps, ref) {
   const props = useThemeProps({
@@ -45,21 +47,19 @@ const DialogActions = /*#__PURE__*/React.forwardRef(function DialogActions(inPro
     name: 'MuiDialogActions'
   });
   const {
-    className,
-    disableSpacing = false,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      disableSpacing = false
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     disableSpacing
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(DialogActionsRoot, {
+  return /*#__PURE__*/_jsx(DialogActionsRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref,
-    ...other
-  });
+    ref: ref
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? DialogActions.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------