@mui/material 5.13.1 → 5.13.3

package/modern/FormControl/FormControl.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -27,15 +30,11 @@ const FormControlRoot = styled('div', {
   overridesResolver: ({
     ownerState
   }, styles) => {
-    return {
-      ...styles.root,
-      ...styles[`margin${capitalize(ownerState.margin)}`],
-      ...(ownerState.fullWidth && styles.fullWidth)
-    };
+    return _extends({}, styles.root, styles[`margin${capitalize(ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth);
   }
 })(({
   ownerState
-}) => ({
+}) => _extends({
   display: 'inline-flex',
   flexDirection: 'column',
   position: 'relative',
@@ -44,19 +43,15 @@ const FormControlRoot = styled('div', {
   padding: 0,
   margin: 0,
   border: 0,
-  verticalAlign: 'top',
-  // Fix alignment issue on Safari.
-  ...(ownerState.margin === 'normal' && {
-    marginTop: 16,
-    marginBottom: 8
-  }),
-  ...(ownerState.margin === 'dense' && {
-    marginTop: 8,
-    marginBottom: 4
-  }),
-  ...(ownerState.fullWidth && {
-    width: '100%'
-  })
+  verticalAlign: 'top'
+}, ownerState.margin === 'normal' && {
+  marginTop: 16,
+  marginBottom: 8
+}, ownerState.margin === 'dense' && {
+  marginTop: 8,
+  marginBottom: 4
+}, ownerState.fullWidth && {
+  width: '100%'
 }));
 
 /**
@@ -89,23 +84,22 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
     name: 'MuiFormControl'
   });
   const {
-    children,
-    className,
-    color = 'primary',
-    component = 'div',
-    disabled = false,
-    error = false,
-    focused: visuallyFocused,
-    fullWidth = false,
-    hiddenLabel = false,
-    margin = 'none',
-    required = false,
-    size = 'medium',
-    variant = 'outlined',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      children,
+      className,
+      color = 'primary',
+      component = 'div',
+      disabled = false,
+      error = false,
+      focused: visuallyFocused,
+      fullWidth = false,
+      hiddenLabel = false,
+      margin = 'none',
+      required = false,
+      size = 'medium',
+      variant = 'outlined'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     color,
     component,
     disabled,
@@ -116,7 +110,7 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
     required,
     size,
     variant
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const [adornedStart, setAdornedStart] = React.useState(() => {
     // We need to iterate through the children and find the Input in order
@@ -201,14 +195,14 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
   }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, required, size, variant]);
   return /*#__PURE__*/_jsx(FormControlContext.Provider, {
     value: childContext,
-    children: /*#__PURE__*/_jsx(FormControlRoot, {
+    children: /*#__PURE__*/_jsx(FormControlRoot, _extends({
       as: component,
       ownerState: ownerState,
       className: clsx(classes.root, className),
-      ref: ref,
-      ...other,
+      ref: ref
+    }, other, {
       children: children
-    })
+    }))
   });
 });
 process.env.NODE_ENV !== "production" ? FormControl.propTypes /* remove-proptypes */ = {

package/modern/FormControlLabel/FormControlLabel.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -41,7 +44,7 @@ export const FormControlLabelRoot = styled('label', {
 })(({
   theme,
   ownerState
-}) => ({
+}) => _extends({
   display: 'inline-flex',
   alignItems: 'center',
   cursor: 'pointer',
@@ -53,21 +56,19 @@ export const FormControlLabelRoot = styled('label', {
   // used for row presentation of radio/checkbox
   [`&.${formControlLabelClasses.disabled}`]: {
     cursor: 'default'
-  },
-  ...(ownerState.labelPlacement === 'start' && {
-    flexDirection: 'row-reverse',
-    marginLeft: 16,
-    // used for row presentation of radio/checkbox
-    marginRight: -11
-  }),
-  ...(ownerState.labelPlacement === 'top' && {
-    flexDirection: 'column-reverse',
-    marginLeft: 16
-  }),
-  ...(ownerState.labelPlacement === 'bottom' && {
-    flexDirection: 'column',
-    marginLeft: 16
-  }),
+  }
+}, ownerState.labelPlacement === 'start' && {
+  flexDirection: 'row-reverse',
+  marginLeft: 16,
+  // used for row presentation of radio/checkbox
+  marginRight: -11
+}, ownerState.labelPlacement === 'top' && {
+  flexDirection: 'column-reverse',
+  marginLeft: 16
+}, ownerState.labelPlacement === 'bottom' && {
+  flexDirection: 'column',
+  marginLeft: 16
+}, {
   [`& .${formControlLabelClasses.label}`]: {
     [`&.${formControlLabelClasses.disabled}`]: {
       color: (theme.vars || theme).palette.text.disabled
@@ -96,22 +97,17 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
     name: 'MuiFormControlLabel'
   });
   const {
-    checked,
-    className,
-    componentsProps = {},
-    control,
-    disabled: disabledProp,
-    disableTypography,
-    inputRef,
-    label: labelProp,
-    labelPlacement = 'end',
-    name,
-    onChange,
-    required: requiredProp,
-    slotProps = {},
-    value,
-    ...other
-  } = props;
+      className,
+      componentsProps = {},
+      control,
+      disabled: disabledProp,
+      disableTypography,
+      label: labelProp,
+      labelPlacement = 'end',
+      required: requiredProp,
+      slotProps = {}
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const muiFormControl = useFormControl();
   const disabled = disabledProp ?? control.props.disabled ?? muiFormControl?.disabled;
   const required = requiredProp ?? control.props.required;
@@ -129,36 +125,35 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
     muiFormControl,
     states: ['error']
   });
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     disabled,
     labelPlacement,
     required,
     error: fcs.error
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const typographySlotProps = slotProps.typography ?? componentsProps.typography;
   let label = labelProp;
   if (label != null && label.type !== Typography && !disableTypography) {
-    label = /*#__PURE__*/_jsx(Typography, {
-      component: "span",
-      ...typographySlotProps,
+    label = /*#__PURE__*/_jsx(Typography, _extends({
+      component: "span"
+    }, typographySlotProps, {
       className: clsx(classes.label, typographySlotProps?.className),
       children: label
-    });
+    }));
   }
-  return /*#__PURE__*/_jsxs(FormControlLabelRoot, {
+  return /*#__PURE__*/_jsxs(FormControlLabelRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref,
-    ...other,
+    ref: ref
+  }, other, {
     children: [/*#__PURE__*/React.cloneElement(control, controlProps), label, required && /*#__PURE__*/_jsxs(AsteriskComponent, {
       ownerState: ownerState,
       "aria-hidden": true,
       className: classes.asterisk,
       children: ["\u2009", '*']
     })]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/FormGroup/FormGroup.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "row"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -30,13 +33,12 @@ const FormGroupRoot = styled('div', {
   }
 })(({
   ownerState
-}) => ({
+}) => _extends({
   display: 'flex',
   flexDirection: 'column',
-  flexWrap: 'wrap',
-  ...(ownerState.row && {
-    flexDirection: 'row'
-  })
+  flexWrap: 'wrap'
+}, ownerState.row && {
+  flexDirection: 'row'
 }));
 
 /**
@@ -50,28 +52,26 @@ const FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup(inProps, ref)
     name: 'MuiFormGroup'
   });
   const {
-    className,
-    row = false,
-    ...other
-  } = props;
+      className,
+      row = false
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
     muiFormControl,
     states: ['error']
   });
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     row,
     error: fcs.error
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(FormGroupRoot, {
+  return /*#__PURE__*/_jsx(FormGroupRoot, _extends({
     className: clsx(classes.root, className),
     ownerState: ownerState,
-    ref: ref,
-    ...other
-  });
+    ref: ref
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? FormGroup.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/FormHelperText/FormHelperText.js

@@ -1,4 +1,7 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 var _span;
+const _excluded = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -38,9 +41,9 @@ const FormHelperTextRoot = styled('p', {
 })(({
   theme,
   ownerState
-}) => ({
-  color: (theme.vars || theme).palette.text.secondary,
-  ...theme.typography.caption,
+}) => _extends({
+  color: (theme.vars || theme).palette.text.secondary
+}, theme.typography.caption, {
   textAlign: 'left',
   marginTop: 3,
   marginRight: 0,
@@ -51,14 +54,12 @@ const FormHelperTextRoot = styled('p', {
   },
   [`&.${formHelperTextClasses.error}`]: {
     color: (theme.vars || theme).palette.error.main
-  },
-  ...(ownerState.size === 'small' && {
-    marginTop: 4
-  }),
-  ...(ownerState.contained && {
-    marginLeft: 14,
-    marginRight: 14
-  })
+  }
+}, ownerState.size === 'small' && {
+  marginTop: 4
+}, ownerState.contained && {
+  marginLeft: 14,
+  marginRight: 14
 }));
 const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inProps, ref) {
   const props = useThemeProps({
@@ -66,26 +67,18 @@ const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inP
     name: 'MuiFormHelperText'
   });
   const {
-    children,
-    className,
-    component = 'p',
-    disabled,
-    error,
-    filled,
-    focused,
-    margin,
-    required,
-    variant,
-    ...other
-  } = props;
+      children,
+      className,
+      component = 'p'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
     muiFormControl,
     states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required']
   });
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     component,
     contained: fcs.variant === 'filled' || fcs.variant === 'outlined',
     variant: fcs.variant,
@@ -95,20 +88,20 @@ const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inP
     filled: fcs.filled,
     focused: fcs.focused,
     required: fcs.required
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(FormHelperTextRoot, {
+  return /*#__PURE__*/_jsx(FormHelperTextRoot, _extends({
     as: component,
     ownerState: ownerState,
     className: clsx(classes.root, className),
-    ref: ref,
-    ...other,
+    ref: ref
+  }, other, {
     children: children === ' ' ? // notranslate needed while Google Translate will not fix zero-width space issue
     _span || (_span = /*#__PURE__*/_jsx("span", {
       className: "notranslate",
       children: "\u200B"
     })) : children
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? FormHelperText.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/FormLabel/FormLabel.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -31,18 +34,14 @@ export const FormLabelRoot = styled('label', {
   overridesResolver: ({
     ownerState
   }, styles) => {
-    return {
-      ...styles.root,
-      ...(ownerState.color === 'secondary' && styles.colorSecondary),
-      ...(ownerState.filled && styles.filled)
-    };
+    return _extends({}, styles.root, ownerState.color === 'secondary' && styles.colorSecondary, ownerState.filled && styles.filled);
   }
 })(({
   theme,
   ownerState
-}) => ({
-  color: (theme.vars || theme).palette.text.secondary,
-  ...theme.typography.body1,
+}) => _extends({
+  color: (theme.vars || theme).palette.text.secondary
+}, theme.typography.body1, {
   lineHeight: '1.4375em',
   padding: 0,
   position: 'relative',
@@ -73,25 +72,18 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref)
     name: 'MuiFormLabel'
   });
   const {
-    children,
-    className,
-    color,
-    component = 'label',
-    disabled,
-    error,
-    filled,
-    focused,
-    required,
-    ...other
-  } = props;
+      children,
+      className,
+      component = 'label'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
     muiFormControl,
     states: ['color', 'required', 'focused', 'disabled', 'error', 'filled']
   });
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     color: fcs.color || 'primary',
     component,
     disabled: fcs.disabled,
@@ -99,21 +91,21 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref)
     filled: fcs.filled,
     focused: fcs.focused,
     required: fcs.required
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(FormLabelRoot, {
+  return /*#__PURE__*/_jsxs(FormLabelRoot, _extends({
     as: component,
     ownerState: ownerState,
     className: clsx(classes.root, className),
-    ref: ref,
-    ...other,
+    ref: ref
+  }, other, {
     children: [children, fcs.required && /*#__PURE__*/_jsxs(AsteriskComponent, {
       ownerState: ownerState,
       "aria-hidden": true,
       className: classes.asterisk,
       children: ["\u2009", '*']
     })]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? FormLabel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/GlobalStyles/GlobalStyles.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { GlobalStyles as SystemGlobalStyles } from '@mui/system';
@@ -5,11 +6,10 @@ import defaultTheme from '../styles/defaultTheme';
 import THEME_ID from '../styles/identifier';
 import { jsx as _jsx } from "react/jsx-runtime";
 function GlobalStyles(props) {
-  return /*#__PURE__*/_jsx(SystemGlobalStyles, {
-    ...props,
+  return /*#__PURE__*/_jsx(SystemGlobalStyles, _extends({}, props, {
     defaultTheme: defaultTheme,
     themeId: THEME_ID
-  });
+  }));
 }
 process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/modern/Grid/Grid.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "columns", "columnSpacing", "component", "container", "direction", "item", "rowSpacing", "spacing", "wrap", "zeroMinWidth"];
 // A grid component using the following libs as inspiration.
 //
 // For the implementation:
@@ -78,12 +81,11 @@ export function generateGrid({
 
       // Close to the bootstrap implementation:
       // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41
-      styles = {
+      styles = _extends({
         flexBasis: width,
         flexGrow: 0,
-        maxWidth: width,
-        ...more
-      };
+        maxWidth: width
+      }, more);
     }
 
     // No need for a media query for the first size.
@@ -294,23 +296,18 @@ const GridRoot = styled('div', {
   }
 })(({
   ownerState
-}) => ({
-  boxSizing: 'border-box',
-  ...(ownerState.container && {
-    display: 'flex',
-    flexWrap: 'wrap',
-    width: '100%'
-  }),
-  ...(ownerState.item && {
-    margin: 0 // For instance, it's useful when used with a `figure` element.
-  }),
-
-  ...(ownerState.zeroMinWidth && {
-    minWidth: 0
-  }),
-  ...(ownerState.wrap !== 'wrap' && {
-    flexWrap: ownerState.wrap
-  })
+}) => _extends({
+  boxSizing: 'border-box'
+}, ownerState.container && {
+  display: 'flex',
+  flexWrap: 'wrap',
+  width: '100%'
+}, ownerState.item && {
+  margin: 0 // For instance, it's useful when used with a `figure` element.
+}, ownerState.zeroMinWidth && {
+  minWidth: 0
+}, ownerState.wrap !== 'wrap' && {
+  flexWrap: ownerState.wrap
 }), generateDirection, generateRowGap, generateColumnGap, generateGrid);
 export function resolveSpacingClasses(spacing, breakpoints) {
   // undefined/null or `spacing` <= 0
@@ -371,19 +368,19 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
   } = useTheme();
   const props = extendSxProp(themeProps);
   const {
-    className,
-    columns: columnsProp,
-    columnSpacing: columnSpacingProp,
-    component = 'div',
-    container = false,
-    direction = 'row',
-    item = false,
-    rowSpacing: rowSpacingProp,
-    spacing = 0,
-    wrap = 'wrap',
-    zeroMinWidth = false,
-    ...other
-  } = props;
+      className,
+      columns: columnsProp,
+      columnSpacing: columnSpacingProp,
+      component = 'div',
+      container = false,
+      direction = 'row',
+      item = false,
+      rowSpacing: rowSpacingProp,
+      spacing = 0,
+      wrap = 'wrap',
+      zeroMinWidth = false
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const rowSpacing = rowSpacingProp || spacing;
   const columnSpacing = columnSpacingProp || spacing;
   const columnsContext = React.useContext(GridContext);
@@ -391,17 +388,14 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
   // columns set with default breakpoint unit of 12
   const columns = container ? columnsProp || 12 : columnsContext;
   const breakpointsValues = {};
-  const otherFiltered = {
-    ...other
-  };
+  const otherFiltered = _extends({}, other);
   breakpoints.keys.forEach(breakpoint => {
     if (other[breakpoint] != null) {
       breakpointsValues[breakpoint] = other[breakpoint];
       delete otherFiltered[breakpoint];
     }
   });
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     columns,
     container,
     direction,
@@ -410,20 +404,19 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
     columnSpacing,
     wrap,
     zeroMinWidth,
-    spacing,
-    ...breakpointsValues,
+    spacing
+  }, breakpointsValues, {
     breakpoints: breakpoints.keys
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(GridContext.Provider, {
     value: columns,
-    children: /*#__PURE__*/_jsx(GridRoot, {
+    children: /*#__PURE__*/_jsx(GridRoot, _extends({
       ownerState: ownerState,
       className: clsx(classes.root, className),
       as: component,
-      ref: ref,
-      ...otherFiltered
-    })
+      ref: ref
+    }, otherFiltered))
   });
 });
 process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ = {
@@ -557,9 +550,7 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ =
 if (process.env.NODE_ENV !== 'production') {
   const requireProp = requirePropFactory('Grid', Grid);
   // eslint-disable-next-line no-useless-concat
-  Grid['propTypes' + ''] = {
-    // eslint-disable-next-line react/forbid-foreign-prop-types
-    ...Grid.propTypes,
+  Grid['propTypes' + ''] = _extends({}, Grid.propTypes, {
     direction: requireProp('container'),
     lg: requireProp('item'),
     md: requireProp('item'),
@@ -568,6 +559,6 @@ if (process.env.NODE_ENV !== 'production') {
     wrap: requireProp('container'),
     xs: requireProp('item'),
     zeroMinWidth: requireProp('item')
-  };
+  });
 }
 export default Grid;