@mui/material 5.10.13 → 5.10.15

package/legacy/Typography/Typography.js

@@ -10,20 +10,18 @@ import useThemeProps from '../styles/useThemeProps';
 import capitalize from '../utils/capitalize';
 import { getTypographyUtilityClass } from './typographyClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var align = ownerState.align,
-      gutterBottom = ownerState.gutterBottom,
-      noWrap = ownerState.noWrap,
-      paragraph = ownerState.paragraph,
-      variant = ownerState.variant,
-      classes = ownerState.classes;
+    gutterBottom = ownerState.gutterBottom,
+    noWrap = ownerState.noWrap,
+    paragraph = ownerState.paragraph,
+    variant = ownerState.variant,
+    classes = ownerState.classes;
   var slots = {
     root: ['root', variant, ownerState.align !== 'inherit' && "align".concat(capitalize(align)), gutterBottom && 'gutterBottom', noWrap && 'noWrap', paragraph && 'paragraph']
   };
   return composeClasses(slots, getTypographyUtilityClass, classes);
 };
-
 export var TypographyRoot = styled('span', {
   name: 'MuiTypography',
   slot: 'Root',
@@ -33,7 +31,7 @@ export var TypographyRoot = styled('span', {
   }
 })(function (_ref) {
   var theme = _ref.theme,
-      ownerState = _ref.ownerState;
+    ownerState = _ref.ownerState;
   return _extends({
     margin: 0
   }, ownerState.variant && theme.typography[ownerState.variant], ownerState.align !== 'inherit' && {
@@ -60,8 +58,9 @@ var defaultVariantMapping = {
   body1: 'p',
   body2: 'p',
   inherit: 'p'
-}; // TODO v6: deprecate these color values in v5.x and remove the transformation in v6
+};
 
+// TODO v6: deprecate these color values in v5.x and remove the transformation in v6
 var colorTransformations = {
   primary: 'primary.main',
   textPrimary: 'text.primary',
@@ -69,11 +68,9 @@ var colorTransformations = {
   textSecondary: 'text.secondary',
   error: 'error.main'
 };
-
 var transformDeprecatedColors = function transformDeprecatedColors(color) {
   return colorTransformations[color] || color;
 };
-
 var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref) {
   var themeProps = useThemeProps({
     props: inProps,
@@ -83,23 +80,21 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
   var props = extendSxProp(_extends({}, themeProps, {
     color: color
   }));
-
   var _props$align = props.align,
-      align = _props$align === void 0 ? 'inherit' : _props$align,
-      className = props.className,
-      component = props.component,
-      _props$gutterBottom = props.gutterBottom,
-      gutterBottom = _props$gutterBottom === void 0 ? false : _props$gutterBottom,
-      _props$noWrap = props.noWrap,
-      noWrap = _props$noWrap === void 0 ? false : _props$noWrap,
-      _props$paragraph = props.paragraph,
-      paragraph = _props$paragraph === void 0 ? false : _props$paragraph,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'body1' : _props$variant,
-      _props$variantMapping = props.variantMapping,
-      variantMapping = _props$variantMapping === void 0 ? defaultVariantMapping : _props$variantMapping,
-      other = _objectWithoutProperties(props, ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"]);
-
+    align = _props$align === void 0 ? 'inherit' : _props$align,
+    className = props.className,
+    component = props.component,
+    _props$gutterBottom = props.gutterBottom,
+    gutterBottom = _props$gutterBottom === void 0 ? false : _props$gutterBottom,
+    _props$noWrap = props.noWrap,
+    noWrap = _props$noWrap === void 0 ? false : _props$noWrap,
+    _props$paragraph = props.paragraph,
+    paragraph = _props$paragraph === void 0 ? false : _props$paragraph,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'body1' : _props$variant,
+    _props$variantMapping = props.variantMapping,
+    variantMapping = _props$variantMapping === void 0 ? defaultVariantMapping : _props$variantMapping,
+    other = _objectWithoutProperties(props, ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"]);
   var ownerState = _extends({}, props, {
     align: align,
     color: color,
@@ -111,7 +106,6 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
     variant: variant,
     variantMapping: variantMapping
   });
-
   var Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(TypographyRoot, _extends({
@@ -121,47 +115,38 @@ var Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref)
     className: clsx(classes.root, className)
   }, other));
 });
-process.env.NODE_ENV !== "production" ? Typography.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Typography.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"     |
   // ----------------------------------------------------------------------
-
   /**
    * Set the text-align on the component.
    * @default 'inherit'
    */
   align: PropTypes.oneOf(['center', 'inherit', 'justify', 'left', 'right']),
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * If `true`, the text will have a bottom margin.
    * @default false
    */
   gutterBottom: PropTypes.bool,
-
   /**
    * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
    *
@@ -170,26 +155,20 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes
    * @default false
    */
   noWrap: PropTypes.bool,
-
   /**
    * If `true`, the element will be a paragraph element.
    * @default false
    */
   paragraph: PropTypes.bool,
-
   /**
    * 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]),
-
   /**
    * Applies the theme typography styles.
    * @default 'body1'
    */
-  variant: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['body1', 'body2', 'button', 'caption', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'inherit', 'overline', 'subtitle1', 'subtitle2']), PropTypes.string]),
-
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['body1', 'body2', 'button', 'caption', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'inherit', 'overline', 'subtitle1', 'subtitle2']), PropTypes.string]),
   /**
    * The component maps the variant prop to a range of different HTML element types.
    * For instance, subtitle1 to `<h6>`.
@@ -209,8 +188,6 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes
    *   inherit: 'p',
    * }
    */
-  variantMapping: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .object
+  variantMapping: PropTypes /* @typescript-to-proptypes-ignore */.object
 } : void 0;
 export default Typography;

package/legacy/Unstable_Grid2/Grid2.js

@@ -17,19 +17,15 @@ var Grid2 = createGrid({
     });
   }
 });
-process.env.NODE_ENV !== "production" ? Grid2.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Grid2.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */

package/legacy/Zoom/Zoom.js

@@ -16,46 +16,44 @@ var styles = {
     transform: 'none'
   }
 };
+
 /**
  * The Zoom transition can be used for the floating variant of the
  * [Button](/material-ui/react-button/#floating-action-buttons) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
-
 var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
   var theme = useTheme();
   var defaultTimeout = {
     enter: theme.transitions.duration.enteringScreen,
     exit: theme.transitions.duration.leavingScreen
   };
-
   var addEndListener = props.addEndListener,
-      _props$appear = props.appear,
-      appear = _props$appear === void 0 ? true : _props$appear,
-      _children = props.children,
-      easing = props.easing,
-      inProp = props.in,
-      onEnter = props.onEnter,
-      onEntered = props.onEntered,
-      onEntering = props.onEntering,
-      onExit = props.onExit,
-      onExited = props.onExited,
-      onExiting = props.onExiting,
-      style = props.style,
-      _props$timeout = props.timeout,
-      timeout = _props$timeout === void 0 ? defaultTimeout : _props$timeout,
-      _props$TransitionComp = props.TransitionComponent,
-      TransitionComponent = _props$TransitionComp === void 0 ? Transition : _props$TransitionComp,
-      other = _objectWithoutProperties(props, ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]);
-
+    _props$appear = props.appear,
+    appear = _props$appear === void 0 ? true : _props$appear,
+    _children = props.children,
+    easing = props.easing,
+    inProp = props.in,
+    onEnter = props.onEnter,
+    onEntered = props.onEntered,
+    onEntering = props.onEntering,
+    onExit = props.onExit,
+    onExited = props.onExited,
+    onExiting = props.onExiting,
+    style = props.style,
+    _props$timeout = props.timeout,
+    timeout = _props$timeout === void 0 ? defaultTimeout : _props$timeout,
+    _props$TransitionComp = props.TransitionComponent,
+    TransitionComponent = _props$TransitionComp === void 0 ? Transition : _props$TransitionComp,
+    other = _objectWithoutProperties(props, ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"]);
   var nodeRef = React.useRef(null);
   var handleRef = useForkRef(nodeRef, _children.ref, ref);
-
   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 {
@@ -64,7 +62,6 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
       }
     };
   };
-
   var handleEntering = normalizedTransitionCallback(onEntering);
   var handleEnter = normalizedTransitionCallback(function (node, isAppearing) {
     reflow(node); // So the animation always start from the start.
@@ -78,7 +75,6 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     });
     node.style.webkitTransition = theme.transitions.create('transform', transitionProps);
     node.style.transition = theme.transitions.create('transform', transitionProps);
-
     if (onEnter) {
       onEnter(node, isAppearing);
     }
@@ -95,20 +91,17 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     });
     node.style.webkitTransition = theme.transitions.create('transform', transitionProps);
     node.style.transition = theme.transitions.create('transform', transitionProps);
-
     if (onExit) {
       onExit(node);
     }
   });
   var handleExited = normalizedTransitionCallback(onExited);
-
   var handleAddEndListener = function handleAddEndListener(next) {
     if (addEndListener) {
       // Old call signature before `react-transition-group` implemented `nodeRef`
       addEndListener(nodeRef.current, next);
     }
   };
-
   return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     appear: appear,
     in: inProp,
@@ -133,33 +126,27 @@ var Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     }
   }));
 });
-process.env.NODE_ENV !== "production" ? Zoom.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Zoom.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,
-
   /**
    * Perform the enter transition when it first mounts if `in` is also `true`.
    * Set this to `false` to disable this behavior.
    * @default true
    */
   appear: PropTypes.bool,
-
   /**
    * A single child content element.
    */
   children: elementAcceptingRef.isRequired,
-
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -168,47 +155,38 @@ process.env.NODE_ENV !== "production" ? Zoom.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,
-
   /**
    * @ignore
    */
   style: 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/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.10.13
+/** @license MUI v5.10.15
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -271,8 +271,9 @@ export * from './usePagination';
 export { default as useScrollTrigger } from './useScrollTrigger';
 export * from './useScrollTrigger';
 export { default as Zoom } from './Zoom';
-export * from './Zoom'; // createFilterOptions is exported from Autocomplete
+export * from './Zoom';
 
+// createFilterOptions is exported from Autocomplete
 export { default as useAutocomplete } from './useAutocomplete';
 export { default as GlobalStyles } from './GlobalStyles';
 export * from './GlobalStyles';