@mui/material 5.13.1 → 5.13.2

package/Step/Step.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["active", "children", "className", "component", "completed", "disabled", "expanded", "index", "last"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -33,15 +36,12 @@ const StepRoot = styled('div', {
   }
 })(({
   ownerState
-}) => ({
-  ...(ownerState.orientation === 'horizontal' && {
-    paddingLeft: 8,
-    paddingRight: 8
-  }),
-  ...(ownerState.alternativeLabel && {
-    flex: 1,
-    position: 'relative'
-  })
+}) => _extends({}, ownerState.orientation === 'horizontal' && {
+  paddingLeft: 8,
+  paddingRight: 8
+}, ownerState.alternativeLabel && {
+  flex: 1,
+  position: 'relative'
 }));
 const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
   const props = useThemeProps({
@@ -49,17 +49,17 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     name: 'MuiStep'
   });
   const {
-    active: activeProp,
-    children,
-    className,
-    component = 'div',
-    completed: completedProp,
-    disabled: disabledProp,
-    expanded = false,
-    index,
-    last,
-    ...other
-  } = props;
+      active: activeProp,
+      children,
+      className,
+      component = 'div',
+      completed: completedProp,
+      disabled: disabledProp,
+      expanded = false,
+      index,
+      last
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     activeStep,
     connector,
@@ -84,8 +84,7 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     completed,
     disabled
   }), [index, last, expanded, active, completed, disabled]);
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     active,
     orientation,
     alternativeLabel,
@@ -93,16 +92,16 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     disabled,
     expanded,
     component
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  const newChildren = /*#__PURE__*/_jsxs(StepRoot, {
+  const newChildren = /*#__PURE__*/_jsxs(StepRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState,
-    ...other,
+    ownerState: ownerState
+  }, other, {
     children: [connector && alternativeLabel && index !== 0 ? connector : null, children]
-  });
+  }));
   return /*#__PURE__*/_jsx(StepContext.Provider, {
     value: contextValue,
     children: connector && !alternativeLabel && index !== 0 ? /*#__PURE__*/_jsxs(React.Fragment, {

package/Step/StepContext.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-export interface StepContextType {
-    index: number;
-    last: boolean;
-    expanded: boolean;
-    icon: React.ReactNode;
-    active: boolean;
-    completed: boolean;
-    disabled: boolean;
-}
-/**
- * Provides information about the current step in Stepper.
- */
-declare const StepContext: React.Context<{} | StepContextType>;
-/**
- * Returns the current StepContext or an empty object if no StepContext
- * has been defined in the component tree.
- */
-export declare function useStepContext(): StepContextType | {};
-export default StepContext;
+import * as React from 'react';
+export interface StepContextType {
+    index: number;
+    last: boolean;
+    expanded: boolean;
+    icon: React.ReactNode;
+    active: boolean;
+    completed: boolean;
+    disabled: boolean;
+}
+/**
+ * Provides information about the current step in Stepper.
+ */
+declare const StepContext: React.Context<{} | StepContextType>;
+/**
+ * Returns the current StepContext or an empty object if no StepContext
+ * has been defined in the component tree.
+ */
+export declare function useStepContext(): StepContextType | {};
+export default StepContext;

package/Step/stepClasses.d.ts

@@ -1,16 +1,16 @@
-export interface StepClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="horizontal"`. */
-    horizontal: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the root element if `alternativeLabel={true}`. */
-    alternativeLabel: string;
-    /** State class applied to the root element if `completed={true}`. */
-    completed: string;
-}
-export type StepClassKey = keyof StepClasses;
-export declare function getStepUtilityClass(slot: string): string;
-declare const stepClasses: StepClasses;
-export default stepClasses;
+export interface StepClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="horizontal"`. */
+    horizontal: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the root element if `alternativeLabel={true}`. */
+    alternativeLabel: string;
+    /** State class applied to the root element if `completed={true}`. */
+    completed: string;
+}
+export type StepClassKey = keyof StepClasses;
+export declare function getStepUtilityClass(slot: string): string;
+declare const stepClasses: StepClasses;
+export default stepClasses;

package/StepButton/StepButton.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", "icon", "optional"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -35,16 +38,16 @@ const StepButtonRoot = styled(ButtonBase, {
   }
 })(({
   ownerState
-}) => ({
+}) => _extends({
   width: '100%',
   padding: '24px 16px',
   margin: '-24px -16px',
-  boxSizing: 'content-box',
-  ...(ownerState.orientation === 'vertical' && {
-    justifyContent: 'flex-start',
-    padding: '8px',
-    margin: '-8px'
-  }),
+  boxSizing: 'content-box'
+}, ownerState.orientation === 'vertical' && {
+  justifyContent: 'flex-start',
+  padding: '8px',
+  margin: '-8px'
+}, {
   [`& .${stepButtonClasses.touchRipple}`]: {
     color: 'rgba(0, 0, 0, 0.3)'
   }
@@ -55,12 +58,12 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
     name: 'MuiStepButton'
   });
   const {
-    children,
-    className,
-    icon,
-    optional,
-    ...other
-  } = props;
+      children,
+      className,
+      icon,
+      optional
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     disabled,
     active
@@ -68,20 +71,18 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
   const {
     orientation
   } = React.useContext(StepperContext);
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     orientation
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   const childProps = {
     icon,
     optional
   };
-  const child = isMuiElement(children, ['StepLabel']) ? /*#__PURE__*/React.cloneElement(children, childProps) : /*#__PURE__*/_jsx(StepLabel, {
-    ...childProps,
+  const child = isMuiElement(children, ['StepLabel']) ? /*#__PURE__*/React.cloneElement(children, childProps) : /*#__PURE__*/_jsx(StepLabel, _extends({}, childProps, {
     children: children
-  });
-  return /*#__PURE__*/_jsx(StepButtonRoot, {
+  }));
+  return /*#__PURE__*/_jsx(StepButtonRoot, _extends({
     focusRipple: true,
     disabled: disabled,
     TouchRippleProps: {
@@ -90,10 +91,10 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState,
-    "aria-current": active ? 'step' : undefined,
-    ...other,
+    "aria-current": active ? 'step' : undefined
+  }, other, {
     children: child
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? StepButton.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/StepButton/stepButtonClasses.d.ts

@@ -1,14 +1,14 @@
-export interface StepButtonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="horizontal"`. */
-    horizontal: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the `ButtonBase` touch-ripple. */
-    touchRipple: string;
-}
-export type StepButtonClassKey = keyof StepButtonClasses;
-export declare function getStepButtonUtilityClass(slot: string): string;
-declare const stepButtonClasses: StepButtonClasses;
-export default stepButtonClasses;
+export interface StepButtonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="horizontal"`. */
+    horizontal: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the `ButtonBase` touch-ripple. */
+    touchRipple: string;
+}
+export type StepButtonClassKey = keyof StepButtonClasses;
+export declare function getStepButtonUtilityClass(slot: string): string;
+declare const stepButtonClasses: StepButtonClasses;
+export default stepButtonClasses;

package/StepConnector/StepConnector.js

@@ -1,3 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -35,18 +38,15 @@ const StepConnectorRoot = styled('div', {
   }
 })(({
   ownerState
-}) => ({
-  flex: '1 1 auto',
-  ...(ownerState.orientation === 'vertical' && {
-    marginLeft: 12 // half icon
-  }),
-
-  ...(ownerState.alternativeLabel && {
-    position: 'absolute',
-    top: 8 + 4,
-    left: 'calc(-50% + 20px)',
-    right: 'calc(50% + 20px)'
-  })
+}) => _extends({
+  flex: '1 1 auto'
+}, ownerState.orientation === 'vertical' && {
+  marginLeft: 12 // half icon
+}, ownerState.alternativeLabel && {
+  position: 'absolute',
+  top: 8 + 4,
+  left: 'calc(-50% + 20px)',
+  right: 'calc(50% + 20px)'
 }));
 const StepConnectorLine = styled('span', {
   name: 'MuiStepConnector',
@@ -62,19 +62,17 @@ const StepConnectorLine = styled('span', {
   theme
 }) => {
   const borderColor = theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600];
-  return {
+  return _extends({
     display: 'block',
-    borderColor: theme.vars ? theme.vars.palette.StepConnector.border : borderColor,
-    ...(ownerState.orientation === 'horizontal' && {
-      borderTopStyle: 'solid',
-      borderTopWidth: 1
-    }),
-    ...(ownerState.orientation === 'vertical' && {
-      borderLeftStyle: 'solid',
-      borderLeftWidth: 1,
-      minHeight: 24
-    })
-  };
+    borderColor: theme.vars ? theme.vars.palette.StepConnector.border : borderColor
+  }, ownerState.orientation === 'horizontal' && {
+    borderTopStyle: 'solid',
+    borderTopWidth: 1
+  }, ownerState.orientation === 'vertical' && {
+    borderLeftStyle: 'solid',
+    borderLeftWidth: 1,
+    minHeight: 24
+  });
 });
 const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inProps, ref) {
   const props = useThemeProps({
@@ -82,9 +80,9 @@ const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inPro
     name: 'MuiStepConnector'
   });
   const {
-    className,
-    ...other
-  } = props;
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     alternativeLabel,
     orientation = 'horizontal'
@@ -94,25 +92,24 @@ const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inPro
     disabled,
     completed
   } = React.useContext(StepContext);
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     alternativeLabel,
     orientation,
     active,
     completed,
     disabled
-  };
+  });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(StepConnectorRoot, {
+  return /*#__PURE__*/_jsx(StepConnectorRoot, _extends({
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState,
-    ...other,
+    ownerState: ownerState
+  }, other, {
     children: /*#__PURE__*/_jsx(StepConnectorLine, {
       className: classes.line,
       ownerState: ownerState
     })
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? StepConnector.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/StepConnector/stepConnectorClasses.d.ts

@@ -1,26 +1,26 @@
-export interface StepConnectorClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="horizontal"`. */
-    horizontal: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the root element if `alternativeLabel={true}`. */
-    alternativeLabel: string;
-    /** State class applied to the root element if `active={true}`. */
-    active: string;
-    /** State class applied to the root element if `completed={true}`. */
-    completed: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the line element. */
-    line: string;
-    /** Styles applied to the root element if `orientation="horizontal"`. */
-    lineHorizontal: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    lineVertical: string;
-}
-export type StepConnectorClassKey = keyof StepConnectorClasses;
-export declare function getStepConnectorUtilityClass(slot: string): string;
-declare const stepConnectorClasses: StepConnectorClasses;
-export default stepConnectorClasses;
+export interface StepConnectorClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="horizontal"`. */
+    horizontal: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the root element if `alternativeLabel={true}`. */
+    alternativeLabel: string;
+    /** State class applied to the root element if `active={true}`. */
+    active: string;
+    /** State class applied to the root element if `completed={true}`. */
+    completed: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the line element. */
+    line: string;
+    /** Styles applied to the root element if `orientation="horizontal"`. */
+    lineHorizontal: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    lineVertical: string;
+}
+export type StepConnectorClassKey = keyof StepConnectorClasses;
+export declare function getStepConnectorUtilityClass(slot: string): string;
+declare const stepConnectorClasses: StepConnectorClasses;
+export default stepConnectorClasses;

package/StepContent/StepContent.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", "TransitionComponent", "transitionDuration", "TransitionProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -32,16 +35,15 @@ const StepContentRoot = styled('div', {
 })(({
   ownerState,
   theme
-}) => ({
+}) => _extends({
   marginLeft: 12,
   // half icon
   paddingLeft: 8 + 12,
   // margin + half icon
   paddingRight: 8,
-  borderLeft: theme.vars ? `1px solid ${theme.vars.palette.StepContent.border}` : `1px solid ${theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]}`,
-  ...(ownerState.last && {
-    borderLeft: 'none'
-  })
+  borderLeft: theme.vars ? `1px solid ${theme.vars.palette.StepContent.border}` : `1px solid ${theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]}`
+}, ownerState.last && {
+  borderLeft: 'none'
 }));
 const StepContentTransition = styled(Collapse, {
   name: 'MuiStepContent',
@@ -54,13 +56,13 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     name: 'MuiStepContent'
   });
   const {
-    children,
-    className,
-    TransitionComponent = Collapse,
-    transitionDuration: transitionDurationProp = 'auto',
-    TransitionProps,
-    ...other
-  } = props;
+      children,
+      className,
+      TransitionComponent = Collapse,
+      transitionDuration: transitionDurationProp = 'auto',
+      TransitionProps
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     orientation
   } = React.useContext(StepperContext);
@@ -69,10 +71,9 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     last,
     expanded
   } = React.useContext(StepContext);
-  const ownerState = {
-    ...props,
+  const ownerState = _extends({}, props, {
     last
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   if (process.env.NODE_ENV !== 'production') {
     if (orientation !== 'vertical') {
@@ -83,22 +84,22 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
   if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
     transitionDuration = undefined;
   }
-  return /*#__PURE__*/_jsx(StepContentRoot, {
+  return /*#__PURE__*/_jsx(StepContentRoot, _extends({
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState,
-    ...other,
-    children: /*#__PURE__*/_jsx(StepContentTransition, {
+    ownerState: ownerState
+  }, other, {
+    children: /*#__PURE__*/_jsx(StepContentTransition, _extends({
       as: TransitionComponent,
       in: active || expanded,
       className: classes.transition,
       ownerState: ownerState,
       timeout: transitionDuration,
-      unmountOnExit: true,
-      ...TransitionProps,
+      unmountOnExit: true
+    }, TransitionProps, {
       children: children
-    })
-  });
+    }))
+  }));
 });
 process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------

package/StepContent/stepContentClasses.d.ts

@@ -1,12 +1,12 @@
-export interface StepContentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `last={true}` (controlled by `Step`). */
-    last: string;
-    /** Styles applied to the Transition component. */
-    transition: string;
-}
-export type StepContentClassKey = keyof StepContentClasses;
-export declare function getStepContentUtilityClass(slot: string): string;
-declare const stepContentClasses: StepContentClasses;
-export default stepContentClasses;
+export interface StepContentClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `last={true}` (controlled by `Step`). */
+    last: string;
+    /** Styles applied to the Transition component. */
+    transition: string;
+}
+export type StepContentClassKey = keyof StepContentClasses;
+export declare function getStepContentUtilityClass(slot: string): string;
+declare const stepContentClasses: StepContentClasses;
+export default stepContentClasses;

package/StepIcon/StepIcon.js

@@ -1,4 +1,7 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _circle;
+const _excluded = ["active", "className", "completed", "error", "icon"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -63,45 +66,42 @@ const StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
     name: 'MuiStepIcon'
   });
   const {
-    active = false,
-    className: classNameProp,
-    completed = false,
-    error = false,
-    icon,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
+      active = false,
+      className: classNameProp,
+      completed = false,
+      error = false,
+      icon
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     active,
     completed,
     error
-  };
+  });
   const classes = useUtilityClasses(ownerState);
   if (typeof icon === 'number' || typeof icon === 'string') {
     const className = clsx(classNameProp, classes.root);
     if (error) {
-      return /*#__PURE__*/_jsx(StepIconRoot, {
+      return /*#__PURE__*/_jsx(StepIconRoot, _extends({
         as: Warning,
         className: className,
         ref: ref,
-        ownerState: ownerState,
-        ...other
-      });
+        ownerState: ownerState
+      }, other));
     }
     if (completed) {
-      return /*#__PURE__*/_jsx(StepIconRoot, {
+      return /*#__PURE__*/_jsx(StepIconRoot, _extends({
         as: CheckCircle,
         className: className,
         ref: ref,
-        ownerState: ownerState,
-        ...other
-      });
+        ownerState: ownerState
+      }, other));
     }
-    return /*#__PURE__*/_jsxs(StepIconRoot, {
+    return /*#__PURE__*/_jsxs(StepIconRoot, _extends({
       className: className,
       ref: ref,
-      ownerState: ownerState,
-      ...other,
+      ownerState: ownerState
+    }, other, {
       children: [_circle || (_circle = /*#__PURE__*/_jsx("circle", {
         cx: "12",
         cy: "12",
@@ -115,7 +115,7 @@ const StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
         ownerState: ownerState,
         children: icon
       })]
-    });
+    }));
   }
   return icon;
 });