@mui/material 5.13.1 → 5.13.2

package/Rating/Rating.js

@@ -1,3 +1,7 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["value"],
+  _excluded2 = ["className", "defaultValue", "disabled", "emptyIcon", "emptyLabelText", "getLabelText", "highlightSelectedOnly", "icon", "IconContainerComponent", "max", "name", "onChange", "onChangeActive", "onMouseLeave", "onMouseMove", "precision", "readOnly", "size", "value"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -70,7 +74,7 @@ const RatingRoot = styled('span', {
 })(({
   theme,
   ownerState
-}) => ({
+}) => _extends({
   display: 'inline-flex',
   // Required to position the pristine input absolutely
   position: 'relative',
@@ -86,17 +90,13 @@ const RatingRoot = styled('span', {
   [`&.${ratingClasses.focusVisible} .${ratingClasses.iconActive}`]: {
     outline: '1px solid #999'
   },
-  [`& .${ratingClasses.visuallyHidden}`]: visuallyHidden,
-  ...(ownerState.size === 'small' && {
-    fontSize: theme.typography.pxToRem(18)
-  }),
-  ...(ownerState.size === 'large' && {
-    fontSize: theme.typography.pxToRem(30)
-  }),
-  // TODO v6: use the .Mui-readOnly global state class
-  ...(ownerState.readOnly && {
-    pointerEvents: 'none'
-  })
+  [`& .${ratingClasses.visuallyHidden}`]: visuallyHidden
+}, ownerState.size === 'small' && {
+  fontSize: theme.typography.pxToRem(18)
+}, ownerState.size === 'large' && {
+  fontSize: theme.typography.pxToRem(30)
+}, ownerState.readOnly && {
+  pointerEvents: 'none'
 }));
 const RatingLabel = styled('label', {
   name: 'MuiRating',
@@ -106,15 +106,14 @@ const RatingLabel = styled('label', {
   }, styles) => [styles.label, ownerState.emptyValueFocused && styles.labelEmptyValueActive]
 })(({
   ownerState
-}) => ({
-  cursor: 'inherit',
-  ...(ownerState.emptyValueFocused && {
-    top: 0,
-    bottom: 0,
-    position: 'absolute',
-    outline: '1px solid #999',
-    width: '100%'
-  })
+}) => _extends({
+  cursor: 'inherit'
+}, ownerState.emptyValueFocused && {
+  top: 0,
+  bottom: 0,
+  position: 'absolute',
+  outline: '1px solid #999',
+  width: '100%'
 }));
 const RatingIcon = styled('span', {
   name: 'MuiRating',
@@ -128,7 +127,7 @@ const RatingIcon = styled('span', {
 })(({
   theme,
   ownerState
-}) => ({
+}) => _extends({
   // Fit wrapper to actual icon size.
   display: 'flex',
   transition: theme.transitions.create('transform', {
@@ -136,13 +135,11 @@ const RatingIcon = styled('span', {
   }),
   // Fix mouseLeave issue.
   // https://github.com/facebook/react/issues/4492
-  pointerEvents: 'none',
-  ...(ownerState.iconActive && {
-    transform: 'scale(1.2)'
-  }),
-  ...(ownerState.iconEmpty && {
-    color: (theme.vars || theme).palette.action.disabled
-  })
+  pointerEvents: 'none'
+}, ownerState.iconActive && {
+  transform: 'scale(1.2)'
+}, ownerState.iconEmpty && {
+  color: (theme.vars || theme).palette.action.disabled
 }));
 const RatingDecimal = styled('span', {
   name: 'MuiRating',
@@ -156,20 +153,14 @@ const RatingDecimal = styled('span', {
   }
 })(({
   iconActive
-}) => ({
-  position: 'relative',
-  ...(iconActive && {
-    transform: 'scale(1.2)'
-  })
+}) => _extends({
+  position: 'relative'
+}, iconActive && {
+  transform: 'scale(1.2)'
 }));
 function IconContainer(props) {
-  const {
-    value,
-    ...other
-  } = props;
-  return /*#__PURE__*/_jsx("span", {
-    ...other
-  });
+  const other = _objectWithoutPropertiesLoose(props, _excluded);
+  return /*#__PURE__*/_jsx("span", _extends({}, other));
 }
 process.env.NODE_ENV !== "production" ? IconContainer.propTypes = {
   value: PropTypes.number.isRequired
@@ -207,35 +198,32 @@ function RatingItem(props) {
     as: IconContainerComponent,
     value: itemValue,
     className: clsx(classes.icon, isFilled ? classes.iconFilled : classes.iconEmpty, isHovered && classes.iconHover, isFocused && classes.iconFocus, isActive && classes.iconActive),
-    ownerState: {
-      ...ownerState,
+    ownerState: _extends({}, ownerState, {
       iconEmpty: !isFilled,
       iconFilled: isFilled,
       iconHover: isHovered,
       iconFocus: isFocused,
       iconActive: isActive
-    },
+    }),
     children: emptyIcon && !isFilled ? emptyIcon : icon
   });
   if (readOnly) {
-    return /*#__PURE__*/_jsx("span", {
-      ...labelProps,
+    return /*#__PURE__*/_jsx("span", _extends({}, labelProps, {
       children: container
-    });
+    }));
   }
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsxs(RatingLabel, {
-      ownerState: {
-        ...ownerState,
+    children: [/*#__PURE__*/_jsxs(RatingLabel, _extends({
+      ownerState: _extends({}, ownerState, {
         emptyValueFocused: undefined
-      },
-      htmlFor: id,
-      ...labelProps,
+      }),
+      htmlFor: id
+    }, labelProps, {
       children: [container, /*#__PURE__*/_jsx("span", {
         className: classes.visuallyHidden,
         children: getLabelText(itemValue)
       })]
-    }), /*#__PURE__*/_jsx("input", {
+    })), /*#__PURE__*/_jsx("input", {
       className: classes.visuallyHidden,
       onFocus: onFocus,
       onBlur: onBlur,
@@ -288,27 +276,27 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     props: inProps
   });
   const {
-    className,
-    defaultValue = null,
-    disabled = false,
-    emptyIcon = defaultEmptyIcon,
-    emptyLabelText = 'Empty',
-    getLabelText = defaultLabelText,
-    highlightSelectedOnly = false,
-    icon = defaultIcon,
-    IconContainerComponent = IconContainer,
-    max = 5,
-    name: nameProp,
-    onChange,
-    onChangeActive,
-    onMouseLeave,
-    onMouseMove,
-    precision = 1,
-    readOnly = false,
-    size = 'medium',
-    value: valueProp,
-    ...other
-  } = props;
+      className,
+      defaultValue = null,
+      disabled = false,
+      emptyIcon = defaultEmptyIcon,
+      emptyLabelText = 'Empty',
+      getLabelText = defaultLabelText,
+      highlightSelectedOnly = false,
+      icon = defaultIcon,
+      IconContainerComponent = IconContainer,
+      max = 5,
+      name: nameProp,
+      onChange,
+      onChangeActive,
+      onMouseLeave,
+      onMouseMove,
+      precision = 1,
+      readOnly = false,
+      size = 'medium',
+      value: valueProp
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded2);
   const name = useId(nameProp);
   const [valueDerived, setValueState] = useControlled({
     controlled: valueProp,
@@ -436,8 +424,7 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     }));
   };
   const [emptyValueFocused, setEmptyValueFocused] = React.useState(false);
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     defaultValue,
     disabled,
     emptyIcon,
@@ -451,17 +438,17 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     precision,
     readOnly,
     size
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(RatingRoot, {
+  return /*#__PURE__*/_jsxs(RatingRoot, _extends({
     ref: handleRef,
     onMouseMove: handleMouseMove,
     onMouseLeave: handleMouseLeave,
     className: clsx(classes.root, className, readOnly && 'MuiRating-readOnly'),
     ownerState: ownerState,
     role: readOnly ? 'img' : null,
-    "aria-label": readOnly ? getLabelText(value) : null,
-    ...other,
+    "aria-label": readOnly ? getLabelText(value) : null
+  }, other, {
     children: [Array.from(new Array(max)).map((_, index) => {
       const itemValue = index + 1;
       const ratingItemProps = {
@@ -493,8 +480,7 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
           iconActive: isActive,
           children: items.map(($, indexDecimal) => {
             const itemDecimalValue = roundValueToPrecision(itemValue - 1 + (indexDecimal + 1) * precision, precision);
-            return /*#__PURE__*/_jsx(RatingItem, {
-              ...ratingItemProps,
+            return /*#__PURE__*/_jsx(RatingItem, _extends({}, ratingItemProps, {
               // The icon is already displayed as active
               isActive: false,
               itemValue: itemDecimalValue,
@@ -505,15 +491,14 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
                   position: 'absolute'
                 }
               }
-            }, itemDecimalValue);
+            }), itemDecimalValue);
           })
         }, itemValue);
       }
-      return /*#__PURE__*/_jsx(RatingItem, {
-        ...ratingItemProps,
+      return /*#__PURE__*/_jsx(RatingItem, _extends({}, ratingItemProps, {
         isActive: isActive,
         itemValue: itemValue
-      }, itemValue);
+      }), itemValue);
     }), !readOnly && !disabled && /*#__PURE__*/_jsxs(RatingLabel, {
       className: clsx(classes.label, classes.labelEmptyValue),
       ownerState: ownerState,
@@ -532,7 +517,7 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
         children: emptyLabelText
       })]
     })]
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? Rating.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/Rating/ratingClasses.d.ts

@@ -1,40 +1,40 @@
-export interface RatingClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"`. */
-    sizeMedium: string;
-    /** Styles applied to the root element if `size="large"`. */
-    sizeLarge: string;
-    /** Styles applied to the root element if `readOnly={true}`. */
-    readOnly: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root element if keyboard focused. */
-    focusVisible: string;
-    /** Visually hide an element. */
-    visuallyHidden: string;
-    /** Styles applied to the label elements. */
-    label: string;
-    /** Styles applied to the label of the "no value" input when it is active. */
-    labelEmptyValueActive: string;
-    /** Styles applied to the icon wrapping elements. */
-    icon: string;
-    /** Styles applied to the icon wrapping elements when empty. */
-    iconEmpty: string;
-    /** Styles applied to the icon wrapping elements when filled. */
-    iconFilled: string;
-    /** Styles applied to the icon wrapping elements when hover. */
-    iconHover: string;
-    /** Styles applied to the icon wrapping elements when focus. */
-    iconFocus: string;
-    /** Styles applied to the icon wrapping elements when active. */
-    iconActive: string;
-    /** Styles applied to the icon wrapping elements when decimals are necessary. */
-    decimal: string;
-}
-export type RatingClassKey = keyof RatingClasses;
-export declare function getRatingUtilityClass(slot: string): string;
-declare const ratingClasses: RatingClasses;
-export default ratingClasses;
+export interface RatingClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+    /** Styles applied to the root element if `size="large"`. */
+    sizeLarge: string;
+    /** Styles applied to the root element if `readOnly={true}`. */
+    readOnly: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root element if keyboard focused. */
+    focusVisible: string;
+    /** Visually hide an element. */
+    visuallyHidden: string;
+    /** Styles applied to the label elements. */
+    label: string;
+    /** Styles applied to the label of the "no value" input when it is active. */
+    labelEmptyValueActive: string;
+    /** Styles applied to the icon wrapping elements. */
+    icon: string;
+    /** Styles applied to the icon wrapping elements when empty. */
+    iconEmpty: string;
+    /** Styles applied to the icon wrapping elements when filled. */
+    iconFilled: string;
+    /** Styles applied to the icon wrapping elements when hover. */
+    iconHover: string;
+    /** Styles applied to the icon wrapping elements when focus. */
+    iconFocus: string;
+    /** Styles applied to the icon wrapping elements when active. */
+    iconActive: string;
+    /** Styles applied to the icon wrapping elements when decimals are necessary. */
+    decimal: string;
+}
+export type RatingClassKey = keyof RatingClasses;
+export declare function getRatingUtilityClass(slot: string): string;
+declare const ratingClasses: RatingClasses;
+export default ratingClasses;

package/ScopedCssBaseline/ScopedCssBaseline.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className", "component", "enableColorScheme"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -33,17 +36,14 @@ const ScopedCssBaselineRoot = styled('div', {
       };
     });
   }
-  return {
-    ...html(theme, ownerState.enableColorScheme),
-    ...body(theme),
+  return _extends({}, html(theme, ownerState.enableColorScheme), body(theme), {
     '& *, & *::before, & *::after': {
       boxSizing: 'inherit'
     },
     '& strong, & b': {
       fontWeight: theme.typography.fontWeightBold
-    },
-    ...colorSchemeStyles
-  };
+    }
+  }, colorSchemeStyles);
 });
 const ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseline(inProps, ref) {
   const props = useThemeProps({
@@ -51,23 +51,20 @@ const ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseli
     name: 'MuiScopedCssBaseline'
   });
   const {
-    className,
-    component = 'div',
-    enableColorScheme,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      className,
+      component = 'div'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     component
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(ScopedCssBaselineRoot, {
+  return /*#__PURE__*/_jsx(ScopedCssBaselineRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState,
-    ...other
-  });
+    ownerState: ownerState
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? ScopedCssBaseline.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts

@@ -1,8 +1,8 @@
-export interface ScopedCssBaselineClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
-export declare function getScopedCssBaselineUtilityClass(slot: string): string;
-declare const scopedCssBaselineClasses: Record<"root", string>;
-export default scopedCssBaselineClasses;
+export interface ScopedCssBaselineClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
+export declare function getScopedCssBaselineUtilityClass(slot: string): string;
+declare const scopedCssBaselineClasses: Record<"root", string>;
+export default scopedCssBaselineClasses;

package/Select/Select.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["autoWidth", "children", "classes", "className", "defaultOpen", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -35,29 +38,29 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
     props: inProps
   });
   const {
-    autoWidth = false,
-    children,
-    classes: classesProp = {},
-    className,
-    defaultOpen = false,
-    displayEmpty = false,
-    IconComponent = ArrowDropDownIcon,
-    id,
-    input,
-    inputProps,
-    label,
-    labelId,
-    MenuProps,
-    multiple = false,
-    native = false,
-    onClose,
-    onOpen,
-    open,
-    renderValue,
-    SelectDisplayProps,
-    variant: variantProp = 'outlined',
-    ...other
-  } = props;
+      autoWidth = false,
+      children,
+      classes: classesProp = {},
+      className,
+      defaultOpen = false,
+      displayEmpty = false,
+      IconComponent = ArrowDropDownIcon,
+      id,
+      input,
+      inputProps,
+      label,
+      labelId,
+      MenuProps,
+      multiple = false,
+      native = false,
+      onClose,
+      onOpen,
+      open,
+      renderValue,
+      SelectDisplayProps,
+      variant: variantProp = 'outlined'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const inputComponent = native ? NativeSelectInput : SelectInput;
   const muiFormControl = useFormControl();
   const fcs = formControlState({
@@ -66,11 +69,10 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
     states: ['variant', 'error']
   });
   const variant = fcs.variant || variantProp;
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     variant,
     classes: classesProp
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const InputComponent = input || {
     standard: /*#__PURE__*/_jsx(StyledInput, {
@@ -86,50 +88,44 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
   }[variant];
   const inputComponentRef = useForkRef(ref, InputComponent.ref);
   return /*#__PURE__*/_jsx(React.Fragment, {
-    children: /*#__PURE__*/React.cloneElement(InputComponent, {
+    children: /*#__PURE__*/React.cloneElement(InputComponent, _extends({
       // Most of the logic is implemented in `SelectInput`.
       // The `Select` component is a simple API wrapper to expose something better to play with.
       inputComponent,
-      inputProps: {
+      inputProps: _extends({
         children,
         error: fcs.error,
         IconComponent,
         variant,
         type: undefined,
         // We render a select. We can ignore the type provided by the `Input`.
-        multiple,
-        ...(native ? {
+        multiple
+      }, native ? {
+        id
+      } : {
+        autoWidth,
+        defaultOpen,
+        displayEmpty,
+        labelId,
+        MenuProps,
+        onClose,
+        onOpen,
+        open,
+        renderValue,
+        SelectDisplayProps: _extends({
           id
-        } : {
-          autoWidth,
-          defaultOpen,
-          displayEmpty,
-          labelId,
-          MenuProps,
-          onClose,
-          onOpen,
-          open,
-          renderValue,
-          SelectDisplayProps: {
-            id,
-            ...SelectDisplayProps
-          }
-        }),
-        ...inputProps,
-        classes: inputProps ? deepmerge(classes, inputProps.classes) : classes,
-        ...(input ? input.props.inputProps : {})
-      },
-      ...(multiple && native && variant === 'outlined' ? {
-        notched: true
-      } : {}),
+        }, SelectDisplayProps)
+      }, inputProps, {
+        classes: inputProps ? deepmerge(classes, inputProps.classes) : classes
+      }, input ? input.props.inputProps : {})
+    }, multiple && native && variant === 'outlined' ? {
+      notched: true
+    } : {}, {
       ref: inputComponentRef,
-      className: clsx(InputComponent.props.className, className),
-      // If a custom input is provided via 'input' prop, do not allow 'variant' to be propagated to it's root element. See https://github.com/mui/material-ui/issues/33894.
-      ...(!input && {
-        variant
-      }),
-      ...other
-    })
+      className: clsx(InputComponent.props.className, className)
+    }, !input && {
+      variant
+    }, other))
   });
 });
 process.env.NODE_ENV !== "production" ? Select.propTypes /* remove-proptypes */ = {