@mui/material 5.10.13 → 5.10.15

package/legacy/Grow/Grow.js

@@ -8,11 +8,9 @@ import useTheme from '../styles/useTheme';
 import { getTransitionProps, reflow } from '../transitions/utils';
 import useForkRef from '../utils/useForkRef';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function getScale(value) {
   return "scale(".concat(value, ", ").concat(Math.pow(value, 2), ")");
 }
-
 var styles = {
   entering: {
     opacity: 1,
@@ -23,49 +21,48 @@ var styles = {
     transform: 'none'
   }
 };
+
 /*
  TODO v6: remove
  Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
  */
-
 var isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent);
+
 /**
  * The Grow transition is used by the [Tooltip](/material-ui/react-tooltip/) and
  * [Popover](/material-ui/react-popover/) components.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
-
 var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
   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 ? 'auto' : _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 ? 'auto' : _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 timer = React.useRef();
   var autoTimeout = React.useRef();
   var theme = useTheme();
   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 {
@@ -74,31 +71,26 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       }
     };
   };
-
   var handleEntering = normalizedTransitionCallback(onEntering);
   var handleEnter = normalizedTransitionCallback(function (node, isAppearing) {
     reflow(node); // So the animation always start from the start.
-
     var _getTransitionProps = getTransitionProps({
-      style: style,
-      timeout: timeout,
-      easing: easing
-    }, {
-      mode: 'enter'
-    }),
-        transitionDuration = _getTransitionProps.duration,
-        delay = _getTransitionProps.delay,
-        transitionTimingFunction = _getTransitionProps.easing;
-
+        style: style,
+        timeout: timeout,
+        easing: easing
+      }, {
+        mode: 'enter'
+      }),
+      transitionDuration = _getTransitionProps.duration,
+      delay = _getTransitionProps.delay,
+      transitionTimingFunction = _getTransitionProps.easing;
     var duration;
-
     if (timeout === 'auto') {
       duration = theme.transitions.getAutoHeightDuration(node.clientHeight);
       autoTimeout.current = duration;
     } else {
       duration = transitionDuration;
     }
-
     node.style.transition = [theme.transitions.create('opacity', {
       duration: duration,
       delay: delay
@@ -107,7 +99,6 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       delay: delay,
       easing: transitionTimingFunction
     })].join(',');
-
     if (onEnter) {
       onEnter(node, isAppearing);
     }
@@ -116,25 +107,22 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
   var handleExiting = normalizedTransitionCallback(onExiting);
   var handleExit = normalizedTransitionCallback(function (node) {
     var _getTransitionProps2 = getTransitionProps({
-      style: style,
-      timeout: timeout,
-      easing: easing
-    }, {
-      mode: 'exit'
-    }),
-        transitionDuration = _getTransitionProps2.duration,
-        delay = _getTransitionProps2.delay,
-        transitionTimingFunction = _getTransitionProps2.easing;
-
+        style: style,
+        timeout: timeout,
+        easing: easing
+      }, {
+        mode: 'exit'
+      }),
+      transitionDuration = _getTransitionProps2.duration,
+      delay = _getTransitionProps2.delay,
+      transitionTimingFunction = _getTransitionProps2.easing;
     var duration;
-
     if (timeout === 'auto') {
       duration = theme.transitions.getAutoHeightDuration(node.clientHeight);
       autoTimeout.current = duration;
     } else {
       duration = transitionDuration;
     }
-
     node.style.transition = [theme.transitions.create('opacity', {
       duration: duration,
       delay: delay
@@ -145,24 +133,20 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
     })].join(',');
     node.style.opacity = 0;
     node.style.transform = getScale(0.75);
-
     if (onExit) {
       onExit(node);
     }
   });
   var handleExited = normalizedTransitionCallback(onExited);
-
   var handleAddEndListener = function handleAddEndListener(next) {
     if (timeout === 'auto') {
       timer.current = setTimeout(next, autoTimeout.current || 0);
     }
-
     if (addEndListener) {
       // Old call signature before `react-transition-group` implemented `nodeRef`
       addEndListener(nodeRef.current, next);
     }
   };
-
   React.useEffect(function () {
     return function () {
       clearTimeout(timer.current);
@@ -193,33 +177,27 @@ var Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
     }
   }));
 });
-process.env.NODE_ENV !== "production" ? Grow.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Grow.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.
@@ -228,47 +206,38 @@ process.env.NODE_ENV !== "production" ? Grow.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/Hidden/Hidden.js

@@ -4,37 +4,35 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import HiddenJs from './HiddenJs';
 import HiddenCss from './HiddenCss';
+
 /**
  * Responsively hides children based on the selected implementation.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function Hidden(props) {
   var _props$implementation = props.implementation,
-      implementation = _props$implementation === void 0 ? 'js' : _props$implementation,
-      _props$lgDown = props.lgDown,
-      lgDown = _props$lgDown === void 0 ? false : _props$lgDown,
-      _props$lgUp = props.lgUp,
-      lgUp = _props$lgUp === void 0 ? false : _props$lgUp,
-      _props$mdDown = props.mdDown,
-      mdDown = _props$mdDown === void 0 ? false : _props$mdDown,
-      _props$mdUp = props.mdUp,
-      mdUp = _props$mdUp === void 0 ? false : _props$mdUp,
-      _props$smDown = props.smDown,
-      smDown = _props$smDown === void 0 ? false : _props$smDown,
-      _props$smUp = props.smUp,
-      smUp = _props$smUp === void 0 ? false : _props$smUp,
-      _props$xlDown = props.xlDown,
-      xlDown = _props$xlDown === void 0 ? false : _props$xlDown,
-      _props$xlUp = props.xlUp,
-      xlUp = _props$xlUp === void 0 ? false : _props$xlUp,
-      _props$xsDown = props.xsDown,
-      xsDown = _props$xsDown === void 0 ? false : _props$xsDown,
-      _props$xsUp = props.xsUp,
-      xsUp = _props$xsUp === void 0 ? false : _props$xsUp,
-      other = _objectWithoutProperties(props, ["implementation", "lgDown", "lgUp", "mdDown", "mdUp", "smDown", "smUp", "xlDown", "xlUp", "xsDown", "xsUp"]);
-
+    implementation = _props$implementation === void 0 ? 'js' : _props$implementation,
+    _props$lgDown = props.lgDown,
+    lgDown = _props$lgDown === void 0 ? false : _props$lgDown,
+    _props$lgUp = props.lgUp,
+    lgUp = _props$lgUp === void 0 ? false : _props$lgUp,
+    _props$mdDown = props.mdDown,
+    mdDown = _props$mdDown === void 0 ? false : _props$mdDown,
+    _props$mdUp = props.mdUp,
+    mdUp = _props$mdUp === void 0 ? false : _props$mdUp,
+    _props$smDown = props.smDown,
+    smDown = _props$smDown === void 0 ? false : _props$smDown,
+    _props$smUp = props.smUp,
+    smUp = _props$smUp === void 0 ? false : _props$smUp,
+    _props$xlDown = props.xlDown,
+    xlDown = _props$xlDown === void 0 ? false : _props$xlDown,
+    _props$xlUp = props.xlUp,
+    xlUp = _props$xlUp === void 0 ? false : _props$xlUp,
+    _props$xsDown = props.xsDown,
+    xsDown = _props$xsDown === void 0 ? false : _props$xsDown,
+    _props$xsUp = props.xsUp,
+    xsUp = _props$xsUp === void 0 ? false : _props$xsUp,
+    other = _objectWithoutProperties(props, ["implementation", "lgDown", "lgUp", "mdDown", "mdUp", "smDown", "smUp", "xlDown", "xlUp", "xsDown", "xsUp"]);
   if (implementation === 'js') {
     return /*#__PURE__*/_jsx(HiddenJs, _extends({
       lgDown: lgDown,
@@ -49,7 +47,6 @@ function Hidden(props) {
       xsUp: xsUp
     }, other));
   }
-
   return /*#__PURE__*/_jsx(HiddenCss, _extends({
     lgDown: lgDown,
     lgUp: lgUp,
@@ -63,27 +60,21 @@ function Hidden(props) {
     xsUp: xsUp
   }, other));
 }
-
-process.env.NODE_ENV !== "production" ? Hidden.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Hidden.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,
-
   /**
    * Specify which implementation to use.  'js' is the default, 'css' works better for
    * server-side rendering.
    * @default 'js'
    */
   implementation: PropTypes.oneOf(['css', 'js']),
-
   /**
    * You can use this prop when choosing the `js` implementation with server-side rendering.
    *
@@ -96,66 +87,55 @@ process.env.NODE_ENV !== "production" ? Hidden.propTypes
    * https://caniuse.com/#search=client%20hint
    */
   initialWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
   lgDown: PropTypes.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
   lgUp: PropTypes.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
   mdDown: PropTypes.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
   mdUp: PropTypes.bool,
-
   /**
    * Hide the given breakpoint(s).
    */
   only: PropTypes.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), PropTypes.arrayOf(PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']).isRequired)]),
-
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
   smDown: PropTypes.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
   smUp: PropTypes.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
   xlDown: PropTypes.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
   xlUp: PropTypes.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
   xsDown: PropTypes.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    * @default false

package/legacy/Hidden/HiddenCss.js

@@ -11,37 +11,33 @@ import styled from '../styles/styled';
 import useTheme from '../styles/useTheme';
 import { getHiddenCssUtilityClass } from './hiddenCssClasses';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes,
-      breakpoints = ownerState.breakpoints;
+    breakpoints = ownerState.breakpoints;
   var slots = {
     root: ['root'].concat(_toConsumableArray(breakpoints.map(function (_ref) {
       var breakpoint = _ref.breakpoint,
-          dir = _ref.dir;
+        dir = _ref.dir;
       return dir === 'only' ? "".concat(dir).concat(capitalize(breakpoint)) : "".concat(breakpoint).concat(capitalize(dir));
     })))
   };
   return composeClasses(slots, getHiddenCssUtilityClass, classes);
 };
-
 var HiddenCssRoot = styled('div', {
   name: 'PrivateHiddenCss',
   slot: 'Root'
 })(function (_ref2) {
   var theme = _ref2.theme,
-      ownerState = _ref2.ownerState;
+    ownerState = _ref2.ownerState;
   var hidden = {
     display: 'none'
   };
   return _extends({}, ownerState.breakpoints.map(function (_ref3) {
     var breakpoint = _ref3.breakpoint,
-        dir = _ref3.dir;
-
+      dir = _ref3.dir;
     if (dir === 'only') {
       return _defineProperty({}, theme.breakpoints.only(breakpoint), hidden);
     }
-
     return dir === 'up' ? _defineProperty({}, theme.breakpoints.up(breakpoint), hidden) : _defineProperty({}, theme.breakpoints.down(breakpoint), hidden);
   }).reduce(function (r, o) {
     Object.keys(o).forEach(function (k) {
@@ -50,18 +46,16 @@ var HiddenCssRoot = styled('div', {
     return r;
   }, {}));
 });
+
 /**
  * @ignore - internal component.
  */
-
 function HiddenCss(props) {
   var children = props.children,
-      className = props.className,
-      only = props.only,
-      other = _objectWithoutProperties(props, ["children", "className", "only"]);
-
+    className = props.className,
+    only = props.only,
+    other = _objectWithoutProperties(props, ["children", "className", "only"]);
   var theme = useTheme();
-
   if (process.env.NODE_ENV !== 'production') {
     var unknownProps = Object.keys(other).filter(function (propName) {
       var isUndeclaredBreakpoint = !theme.breakpoints.keys.some(function (breakpoint) {
@@ -69,26 +63,21 @@ function HiddenCss(props) {
       });
       return !['classes', 'theme', 'isRtl', 'sx'].includes(propName) && isUndeclaredBreakpoint;
     });
-
     if (unknownProps.length > 0) {
       console.error("MUI: Unsupported props received by `<Hidden implementation=\"css\" />`: ".concat(unknownProps.join(', '), ". Did you forget to wrap this component in a ThemeProvider declaring these breakpoints?"));
     }
   }
-
   var breakpoints = [];
-
   for (var i = 0; i < theme.breakpoints.keys.length; i += 1) {
     var breakpoint = theme.breakpoints.keys[i];
     var breakpointUp = other["".concat(breakpoint, "Up")];
     var breakpointDown = other["".concat(breakpoint, "Down")];
-
     if (breakpointUp) {
       breakpoints.push({
         breakpoint: breakpoint,
         dir: 'up'
       });
     }
-
     if (breakpointDown) {
       breakpoints.push({
         breakpoint: breakpoint,
@@ -96,7 +85,6 @@ function HiddenCss(props) {
       });
     }
   }
-
   if (only) {
     var onlyBreakpoints = Array.isArray(only) ? only : [only];
     onlyBreakpoints.forEach(function (breakpoint) {
@@ -106,11 +94,9 @@ function HiddenCss(props) {
       });
     });
   }
-
   var ownerState = _extends({}, props, {
     breakpoints: breakpoints
   });
-
   var classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(HiddenCssRoot, {
     className: clsx(classes.root, className),
@@ -118,74 +104,60 @@ function HiddenCss(props) {
     children: children
   });
 }
-
 process.env.NODE_ENV !== "production" ? HiddenCss.propTypes = {
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * Specify which implementation to use.  'js' is the default, 'css' works better for
    * server-side rendering.
    */
   implementation: PropTypes.oneOf(['js', 'css']),
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   lgDown: PropTypes.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   lgUp: PropTypes.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   mdDown: PropTypes.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   mdUp: PropTypes.bool,
-
   /**
    * Hide the given breakpoint(s).
    */
   only: PropTypes.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), PropTypes.arrayOf(PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']))]),
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   smDown: PropTypes.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   smUp: PropTypes.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   xlDown: PropTypes.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   xlUp: PropTypes.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   xsDown: PropTypes.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */