@mui/material 5.10.12 → 5.10.14

package/legacy/Collapse/Collapse.js

@@ -15,10 +15,9 @@ import useTheme from '../styles/useTheme';
 import { useForkRef } from '../utils';
 import { getCollapseUtilityClass } from './collapseClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var orientation = ownerState.orientation,
-      classes = ownerState.classes;
+    classes = ownerState.classes;
   var slots = {
     root: ['root', "".concat(orientation)],
     entered: ['entered'],
@@ -28,7 +27,6 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   };
   return composeClasses(slots, getCollapseUtilityClass, classes);
 };
-
 var CollapseRoot = styled('div', {
   name: 'MuiCollapse',
   slot: 'Root',
@@ -38,7 +36,7 @@ var CollapseRoot = styled('div', {
   }
 })(function (_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     height: 0,
     overflow: 'hidden',
@@ -88,46 +86,43 @@ var CollapseWrapperInner = styled('div', {
     height: '100%'
   });
 });
+
 /**
  * The Collapse transition is used by the
  * [Vertical Stepper](/material-ui/react-stepper/#vertical-stepper) StepContent component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
-
 var Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiCollapse'
   });
-
   var addEndListener = props.addEndListener,
-      _children = props.children,
-      className = props.className,
-      _props$collapsedSize = props.collapsedSize,
-      collapsedSizeProp = _props$collapsedSize === void 0 ? '0px' : _props$collapsedSize,
-      component = props.component,
-      easing = props.easing,
-      inProp = props.in,
-      onEnter = props.onEnter,
-      onEntered = props.onEntered,
-      onEntering = props.onEntering,
-      onExit = props.onExit,
-      onExited = props.onExited,
-      onExiting = props.onExiting,
-      _props$orientation = props.orientation,
-      orientation = _props$orientation === void 0 ? 'vertical' : _props$orientation,
-      style = props.style,
-      _props$timeout = props.timeout,
-      timeout = _props$timeout === void 0 ? duration.standard : _props$timeout,
-      _props$TransitionComp = props.TransitionComponent,
-      TransitionComponent = _props$TransitionComp === void 0 ? Transition : _props$TransitionComp,
-      other = _objectWithoutProperties(props, ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"]);
-
+    _children = props.children,
+    className = props.className,
+    _props$collapsedSize = props.collapsedSize,
+    collapsedSizeProp = _props$collapsedSize === void 0 ? '0px' : _props$collapsedSize,
+    component = props.component,
+    easing = props.easing,
+    inProp = props.in,
+    onEnter = props.onEnter,
+    onEntered = props.onEntered,
+    onEntering = props.onEntering,
+    onExit = props.onExit,
+    onExited = props.onExited,
+    onExiting = props.onExiting,
+    _props$orientation = props.orientation,
+    orientation = _props$orientation === void 0 ? 'vertical' : _props$orientation,
+    style = props.style,
+    _props$timeout = props.timeout,
+    timeout = _props$timeout === void 0 ? duration.standard : _props$timeout,
+    _props$TransitionComp = props.TransitionComponent,
+    TransitionComponent = _props$TransitionComp === void 0 ? Transition : _props$TransitionComp,
+    other = _objectWithoutProperties(props, ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"]);
   var ownerState = _extends({}, props, {
     orientation: orientation,
     collapsedSize: collapsedSizeProp
   });
-
   var classes = useUtilityClasses(ownerState);
   var theme = useTheme();
   var timer = React.useRef();
@@ -143,12 +138,12 @@ var Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
   }, []);
   var nodeRef = React.useRef(null);
   var handleRef = useForkRef(ref, nodeRef);
-
   var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
     return function (maybeIsAppearing) {
       if (callback) {
-        var node = nodeRef.current; // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
+        var node = nodeRef.current;
 
+        // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
         if (maybeIsAppearing === undefined) {
           callback(node);
         } else {
@@ -157,41 +152,34 @@ var Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
       }
     };
   };
-
   var getWrapperSize = function getWrapperSize() {
     return wrapperRef.current ? wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'] : 0;
   };
-
   var handleEnter = normalizedTransitionCallback(function (node, isAppearing) {
     if (wrapperRef.current && isHorizontal) {
       // Set absolute position to get the size of collapsed content
       wrapperRef.current.style.position = 'absolute';
     }
-
     node.style[size] = collapsedSize;
-
     if (onEnter) {
       onEnter(node, isAppearing);
     }
   });
   var handleEntering = normalizedTransitionCallback(function (node, isAppearing) {
     var wrapperSize = getWrapperSize();
-
     if (wrapperRef.current && isHorizontal) {
       // After the size is read reset the position back to default
       wrapperRef.current.style.position = '';
     }
-
     var _getTransitionProps = getTransitionProps({
-      style: style,
-      timeout: timeout,
-      easing: easing
-    }, {
-      mode: 'enter'
-    }),
-        transitionDuration = _getTransitionProps.duration,
-        transitionTimingFunction = _getTransitionProps.easing;
-
+        style: style,
+        timeout: timeout,
+        easing: easing
+      }, {
+        mode: 'enter'
+      }),
+      transitionDuration = _getTransitionProps.duration,
+      transitionTimingFunction = _getTransitionProps.easing;
     if (timeout === 'auto') {
       var duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
       node.style.transitionDuration = "".concat(duration2, "ms");
@@ -199,24 +187,20 @@ var Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     } else {
       node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
     }
-
     node.style[size] = "".concat(wrapperSize, "px");
     node.style.transitionTimingFunction = transitionTimingFunction;
-
     if (onEntering) {
       onEntering(node, isAppearing);
     }
   });
   var handleEntered = normalizedTransitionCallback(function (node, isAppearing) {
     node.style[size] = 'auto';
-
     if (onEntered) {
       onEntered(node, isAppearing);
     }
   });
   var handleExit = normalizedTransitionCallback(function (node) {
     node.style[size] = "".concat(getWrapperSize(), "px");
-
     if (onExit) {
       onExit(node);
     }
@@ -224,17 +208,15 @@ var Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
   var handleExited = normalizedTransitionCallback(onExited);
   var handleExiting = normalizedTransitionCallback(function (node) {
     var wrapperSize = getWrapperSize();
-
     var _getTransitionProps2 = getTransitionProps({
-      style: style,
-      timeout: timeout,
-      easing: easing
-    }, {
-      mode: 'exit'
-    }),
-        transitionDuration = _getTransitionProps2.duration,
-        transitionTimingFunction = _getTransitionProps2.easing;
-
+        style: style,
+        timeout: timeout,
+        easing: easing
+      }, {
+        mode: 'exit'
+      }),
+      transitionDuration = _getTransitionProps2.duration,
+      transitionTimingFunction = _getTransitionProps2.easing;
     if (timeout === 'auto') {
       // TODO: rename getAutoHeightDuration to something more generic (width support)
       // Actually it just calculates animation duration based on size
@@ -244,26 +226,21 @@ var Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     } else {
       node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
     }
-
     node.style[size] = collapsedSize;
     node.style.transitionTimingFunction = transitionTimingFunction;
-
     if (onExiting) {
       onExiting(node);
     }
   });
-
   var handleAddEndListener = function handleAddEndListener(next) {
     if (timeout === 'auto') {
       timer.current = setTimeout(next, autoTransitionDuration.current || 0);
     }
-
     if (addEndListener) {
       // Old call signature before `react-transition-group` implemented `nodeRef`
       addEndListener(nodeRef.current, next);
     }
   };
-
   return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     in: inProp,
     onEnter: handleEnter,
@@ -307,48 +284,39 @@ var Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
     }
   }));
 });
-process.env.NODE_ENV !== "production" ? Collapse.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Collapse.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * Add a custom transition end trigger. Called with the transitioning DOM
    * node and a done callback. Allows for more fine grained transition end
    * logic. Note: Timeouts are still used as a fallback if provided.
    */
   addEndListener: PropTypes.func,
-
   /**
    * The content node to be collapsed.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The width (horizontal) or height (vertical) of the container when collapsed.
    * @default '0px'
    */
   collapsedSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: elementTypeAcceptingRef,
-
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -357,58 +325,47 @@ process.env.NODE_ENV !== "production" ? Collapse.propTypes
     enter: PropTypes.string,
     exit: PropTypes.string
   }), PropTypes.string]),
-
   /**
    * If `true`, the component will transition in.
    */
   in: PropTypes.bool,
-
   /**
    * @ignore
    */
   onEnter: PropTypes.func,
-
   /**
    * @ignore
    */
   onEntered: PropTypes.func,
-
   /**
    * @ignore
    */
   onEntering: PropTypes.func,
-
   /**
    * @ignore
    */
   onExit: PropTypes.func,
-
   /**
    * @ignore
    */
   onExited: PropTypes.func,
-
   /**
    * @ignore
    */
   onExiting: PropTypes.func,
-
   /**
    * The transition orientation.
    * @default 'vertical'
    */
   orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-
   /**
    * @ignore
    */
   style: PropTypes.object,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.

package/legacy/Container/Container.js

@@ -20,36 +20,29 @@ var Container = createContainer({
     });
   }
 });
-process.env.NODE_ENV !== "production" ? Container.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Container.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * @ignore
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
   disableGutters: PropTypes.bool,
-
   /**
    * Set the max-width to match the min-width of the current breakpoint.
    * This is useful if you'd prefer to design for a fixed set of sizes
@@ -58,17 +51,13 @@ process.env.NODE_ENV !== "production" ? Container.propTypes
    * @default false
    */
   fixed: PropTypes.bool,
-
   /**
    * Determine the max-width of the container.
    * The container width grows with the size of the screen.
    * Set to `false` to disable `maxWidth`.
    * @default 'lg'
    */
-  maxWidth: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), PropTypes.string]),
-
+  maxWidth: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), PropTypes.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/legacy/CssBaseline/CssBaseline.js

@@ -32,27 +32,21 @@ export var body = function body(theme) {
     }
   });
 };
-
 var _styles = function styles(theme) {
   var _theme$components, _theme$components$Mui;
-
   var enableColorScheme = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var colorSchemeStyles = {};
-
   if (enableColorScheme && theme.colorSchemes) {
     Object.entries(theme.colorSchemes).forEach(function (_ref) {
       var _scheme$palette;
-
       var _ref2 = _slicedToArray(_ref, 2),
-          key = _ref2[0],
-          scheme = _ref2[1];
-
+        key = _ref2[0],
+        scheme = _ref2[1];
       colorSchemeStyles[theme.getColorSchemeSelector(key).replace(/\s*&/, '')] = {
         colorScheme: (_scheme$palette = scheme.palette) == null ? void 0 : _scheme$palette.mode
       };
     });
   }
-
   var defaultStyles = _extends({
     html: html(theme, enableColorScheme),
     '*, *::before, *::after': {
@@ -71,30 +65,25 @@ var _styles = function styles(theme) {
       }
     })
   }, colorSchemeStyles);
-
   var themeOverrides = (_theme$components = theme.components) == null ? void 0 : (_theme$components$Mui = _theme$components.MuiCssBaseline) == null ? void 0 : _theme$components$Mui.styleOverrides;
-
   if (themeOverrides) {
     defaultStyles = [defaultStyles, themeOverrides];
   }
-
   return defaultStyles;
 };
+
 /**
  * Kickstart an elegant, consistent, and simple baseline to build upon.
  */
-
-
 export { _styles as styles };
-
 function CssBaseline(inProps) {
   var props = useThemeProps({
     props: inProps,
     name: 'MuiCssBaseline'
   });
   var children = props.children,
-      _props$enableColorSch = props.enableColorScheme,
-      enableColorScheme = _props$enableColorSch === void 0 ? false : _props$enableColorSch;
+    _props$enableColorSch = props.enableColorScheme,
+    enableColorScheme = _props$enableColorSch === void 0 ? false : _props$enableColorSch;
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsx(GlobalStyles, {
       styles: function styles(theme) {
@@ -103,20 +92,15 @@ function CssBaseline(inProps) {
     }), children]
   });
 }
-
-process.env.NODE_ENV !== "production" ? CssBaseline.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? CssBaseline.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * You can wrap a node.
    */
   children: PropTypes.node,
-
   /**
    * Enable `color-scheme` CSS property to use `theme.palette.mode`.
    * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme