@mui/material 5.10.12 → 5.10.14

package/modern/SpeedDialIcon/SpeedDialIcon.js

@@ -11,7 +11,6 @@ import AddIcon from '../internal/svg-icons/Add';
 import speedDialIconClasses, { getSpeedDialIconUtilityClass } from './speedDialIconClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -25,7 +24,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getSpeedDialIconUtilityClass, classes);
 };
-
 const SpeedDialIconRoot = styled('span', {
   name: 'MuiSpeedDialIcon',
   slot: 'Root',
@@ -76,27 +74,22 @@ const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inPro
     props: inProps,
     name: 'MuiSpeedDialIcon'
   });
-
   const {
-    className,
-    icon: iconProp,
-    openIcon: openIconProp
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className,
+      icon: iconProp,
+      openIcon: openIconProp
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-
   function formatIcon(icon, newClassName) {
     if ( /*#__PURE__*/React.isValidElement(icon)) {
       return /*#__PURE__*/React.cloneElement(icon, {
         className: newClassName
       });
     }
-
     return icon;
   }
-
   return /*#__PURE__*/_jsxs(SpeedDialIconRoot, _extends({
     className: clsx(classes.root, className),
     ref: ref,
@@ -107,40 +100,32 @@ const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inPro
     })]
   }));
 });
-process.env.NODE_ENV !== "production" ? SpeedDialIcon.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? SpeedDialIcon.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The icon to display.
    */
   icon: PropTypes.node,
-
   /**
    * @ignore
    * If `true`, the component is shown.
    */
   open: PropTypes.bool,
-
   /**
    * The icon to display in the SpeedDial Floating Action Button when the SpeedDial is open.
    */
   openIcon: PropTypes.node,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/modern/Stack/Stack.js

@@ -7,6 +7,7 @@ import { createUnarySpacing, getValue, handleBreakpoints, mergeBreakpointsInOrde
 import { deepmerge } from '@mui/utils';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
+
 /**
  * Return an array with the separator React element interspersed between
  * each React node of the input children.
@@ -14,24 +15,19 @@ import useThemeProps from '../styles/useThemeProps';
  * > joinChildren([1,2,3], 0)
  * [1,0,2,0,3]
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function joinChildren(children, separator) {
   const childrenArray = React.Children.toArray(children).filter(Boolean);
   return childrenArray.reduce((output, child, index) => {
     output.push(child);
-
     if (index < childrenArray.length - 1) {
       output.push( /*#__PURE__*/React.cloneElement(separator, {
         key: `separator-${index}`
       }));
     }
-
     return output;
   }, []);
 }
-
 const getSideFromDirection = direction => {
   return {
     row: 'Left',
@@ -40,7 +36,6 @@ const getSideFromDirection = direction => {
     'column-reverse': 'Bottom'
   }[direction];
 };
-
 export const style = ({
   ownerState,
   theme
@@ -56,14 +51,12 @@ export const style = ({
   }), propValue => ({
     flexDirection: propValue
   })));
-
   if (ownerState.spacing) {
     const transformer = createUnarySpacing(theme);
     const base = Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => {
       if (typeof ownerState.spacing === 'object' && ownerState.spacing[breakpoint] != null || typeof ownerState.direction === 'object' && ownerState.direction[breakpoint] != null) {
         acc[breakpoint] = true;
       }
-
       return acc;
     }, {});
     const directionValues = resolveBreakpointValues({
@@ -74,18 +67,15 @@ export const style = ({
       values: ownerState.spacing,
       base
     });
-
     if (typeof directionValues === 'object') {
       Object.keys(directionValues).forEach((breakpoint, index, breakpoints) => {
         const directionValue = directionValues[breakpoint];
-
         if (!directionValue) {
           const previousDirectionValue = index > 0 ? directionValues[breakpoints[index - 1]] : 'column';
           directionValues[breakpoint] = previousDirectionValue;
         }
       });
     }
-
     const styleFromPropValue = (propValue, breakpoint) => {
       return {
         '& > :not(style) + :not(style)': {
@@ -94,12 +84,10 @@ export const style = ({
         }
       };
     };
-
     styles = deepmerge(styles, handleBreakpoints({
       theme
     }, spacingValues, styleFromPropValue));
   }
-
   styles = mergeBreakpointsInOrder(theme.breakpoints, styles);
   return styles;
 };
@@ -116,16 +104,14 @@ const Stack = /*#__PURE__*/React.forwardRef(function Stack(inProps, ref) {
     name: 'MuiStack'
   });
   const props = extendSxProp(themeProps);
-
   const {
-    component = 'div',
-    direction = 'column',
-    spacing = 0,
-    divider,
-    children
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      component = 'div',
+      direction = 'column',
+      spacing = 0,
+      divider,
+      children
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = {
     direction,
     spacing
@@ -138,43 +124,35 @@ const Stack = /*#__PURE__*/React.forwardRef(function Stack(inProps, ref) {
     children: divider ? joinChildren(children, divider) : children
   }));
 });
-process.env.NODE_ENV !== "production" ? Stack.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * Defines the `flex-direction` style property.
    * It is applied for all screen sizes.
    * @default 'column'
    */
   direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
-
   /**
    * Add an element between each child.
    */
   divider: PropTypes.node,
-
   /**
    * Defines the space between immediate children.
    * @default 0
    */
   spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /**
    * The system prop, which allows defining system overrides as well as additional CSS styles.
    */

package/modern/Step/Step.js

@@ -13,7 +13,6 @@ import styled from '../styles/styled';
 import { getStepUtilityClass } from './stepClasses';
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -26,7 +25,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getStepUtilityClass, classes);
 };
-
 const StepRoot = styled('div', {
   name: 'MuiStep',
   slot: 'Root',
@@ -50,20 +48,18 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     props: inProps,
     name: 'MuiStep'
   });
-
   const {
-    active: activeProp,
-    children,
-    className,
-    component = 'div',
-    completed: completedProp,
-    disabled: disabledProp,
-    expanded = false,
-    index,
-    last
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      active: activeProp,
+      children,
+      className,
+      component = 'div',
+      completed: completedProp,
+      disabled: disabledProp,
+      expanded = false,
+      index,
+      last
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     activeStep,
     connector,
@@ -72,7 +68,6 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     nonLinear
   } = React.useContext(StepperContext);
   let [active = false, completed = false, disabled = false] = [activeProp, completedProp, disabledProp];
-
   if (activeStep === index) {
     active = activeProp !== undefined ? activeProp : true;
   } else if (!nonLinear && activeStep > index) {
@@ -80,7 +75,6 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
   } else if (!nonLinear && activeStep < index) {
     disabled = disabledProp !== undefined ? disabledProp : true;
   }
-
   const contextValue = React.useMemo(() => ({
     index,
     last,
@@ -90,7 +84,6 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     completed,
     disabled
   }), [index, last, expanded, active, completed, disabled]);
-
   const ownerState = _extends({}, props, {
     active,
     orientation,
@@ -100,9 +93,7 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     expanded,
     component
   });
-
   const classes = useUtilityClasses(ownerState);
-
   const newChildren = /*#__PURE__*/_jsxs(StepRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
@@ -111,7 +102,6 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
   }, 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, {
@@ -119,69 +109,56 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
     }) : newChildren
   });
 });
-process.env.NODE_ENV !== "production" ? Step.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Step.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * Sets the step as active. Is passed to child components.
    */
   active: PropTypes.bool,
-
   /**
    * Should be `Step` sub-components such as `StepLabel`, `StepContent`.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * Mark the step as completed. Is passed to child components.
    */
   completed: PropTypes.bool,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * If `true`, the step is disabled, will also disable the button if
    * `StepButton` is a child of `Step`. Is passed to child components.
    */
   disabled: PropTypes.bool,
-
   /**
    * Expand the step.
    * @default false
    */
   expanded: PropTypes.bool,
-
   /**
    * The position of the step.
    * The prop defaults to the value inherited from the parent Stepper component.
    */
   index: integerPropType,
-
   /**
    * If `true`, the Step is displayed as rendered last.
    * The prop defaults to the value inherited from the parent Stepper component.
    */
   last: PropTypes.bool,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/modern/Step/StepContext.js

@@ -1,19 +1,16 @@
 import * as React from 'react';
-
 /**
  * Provides information about the current step in Stepper.
  */
 const StepContext = /*#__PURE__*/React.createContext({});
-
 if (process.env.NODE_ENV !== 'production') {
   StepContext.displayName = 'StepContext';
 }
+
 /**
  * Returns the current StepContext or an empty object if no StepContext
  * has been defined in the component tree.
  */
-
-
 export function useStepContext() {
   return React.useContext(StepContext);
 }

package/modern/StepButton/StepButton.js

@@ -14,7 +14,6 @@ import StepperContext from '../Stepper/StepperContext';
 import StepContext from '../Step/StepContext';
 import stepButtonClasses, { getStepButtonUtilityClass } from './stepButtonClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -26,7 +25,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getStepButtonUtilityClass, classes);
 };
-
 const StepButtonRoot = styled(ButtonBase, {
   name: 'MuiStepButton',
   slot: 'Root',
@@ -59,26 +57,22 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
     props: inProps,
     name: 'MuiStepButton'
   });
-
   const {
-    children,
-    className,
-    icon,
-    optional
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      className,
+      icon,
+      optional
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     disabled
   } = React.useContext(StepContext);
   const {
     orientation
   } = React.useContext(StepperContext);
-
   const ownerState = _extends({}, props, {
     orientation
   });
-
   const classes = useUtilityClasses(ownerState);
   const childProps = {
     icon,
@@ -100,39 +94,31 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
     children: child
   }));
 });
-process.env.NODE_ENV !== "production" ? StepButton.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? StepButton.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * Can be a `StepLabel` or a node to place inside `StepLabel` as children.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The icon displayed by the step label.
    */
   icon: PropTypes.node,
-
   /**
    * The optional node to display.
    */
   optional: PropTypes.node,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/modern/StepConnector/StepConnector.js

@@ -12,7 +12,6 @@ import StepperContext from '../Stepper/StepperContext';
 import StepContext from '../Step/StepContext';
 import { getStepConnectorUtilityClass } from './stepConnectorClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -28,7 +27,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getStepConnectorUtilityClass, classes);
 };
-
 const StepConnectorRoot = styled('div', {
   name: 'MuiStepConnector',
   slot: 'Root',
@@ -44,7 +42,6 @@ const StepConnectorRoot = styled('div', {
   flex: '1 1 auto'
 }, ownerState.orientation === 'vertical' && {
   marginLeft: 12 // half icon
-
 }, ownerState.alternativeLabel && {
   position: 'absolute',
   top: 8 + 4,
@@ -82,12 +79,10 @@ const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inPro
     props: inProps,
     name: 'MuiStepConnector'
   });
-
   const {
-    className
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      className
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     alternativeLabel,
     orientation = 'horizontal'
@@ -97,7 +92,6 @@ const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inPro
     disabled,
     completed
   } = React.useContext(StepContext);
-
   const ownerState = _extends({}, props, {
     alternativeLabel,
     orientation,
@@ -105,7 +99,6 @@ const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inPro
     completed,
     disabled
   });
-
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(StepConnectorRoot, _extends({
     className: clsx(classes.root, className),
@@ -118,24 +111,19 @@ const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inPro
     })
   }));
 });
-process.env.NODE_ENV !== "production" ? StepConnector.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? StepConnector.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */