@mui/material 5.10.13 → 5.10.15

package/Grow/Grow.js

@@ -1,42 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("@mui/utils");
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-
 var _utils2 = require("../transitions/utils");
-
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function getScale(value) {
   return `scale(${value}, ${value ** 2})`;
 }
-
 const styles = {
   entering: {
     opacity: 1,
@@ -47,47 +31,47 @@ const styles = {
     transform: 'none'
   }
 };
+
 /*
  TODO v6: remove
  Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
  */
-
 const 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.
  */
-
 const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
   const {
-    addEndListener,
-    appear = true,
-    children,
-    easing,
-    in: inProp,
-    onEnter,
-    onEntered,
-    onEntering,
-    onExit,
-    onExited,
-    onExiting,
-    style,
-    timeout = 'auto',
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = _reactTransitionGroup.Transition
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      addEndListener,
+      appear = true,
+      children,
+      easing,
+      in: inProp,
+      onEnter,
+      onEntered,
+      onEntering,
+      onExit,
+      onExited,
+      onExiting,
+      style,
+      timeout = 'auto',
+      // eslint-disable-next-line react/prop-types
+      TransitionComponent = _reactTransitionGroup.Transition
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const timer = React.useRef();
   const autoTimeout = React.useRef();
   const theme = (0, _useTheme.default)();
   const nodeRef = React.useRef(null);
   const handleRef = (0, _useForkRef.default)(nodeRef, children.ref, ref);
-
   const normalizedTransitionCallback = callback => maybeIsAppearing => {
     if (callback) {
-      const node = nodeRef.current; // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
+      const node = nodeRef.current;
 
+      // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
       if (maybeIsAppearing === undefined) {
         callback(node);
       } else {
@@ -95,7 +79,6 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       }
     }
   };
-
   const handleEntering = normalizedTransitionCallback(onEntering);
   const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
     (0, _utils2.reflow)(node); // So the animation always start from the start.
@@ -112,14 +95,12 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       mode: 'enter'
     });
     let duration;
-
     if (timeout === 'auto') {
       duration = theme.transitions.getAutoHeightDuration(node.clientHeight);
       autoTimeout.current = duration;
     } else {
       duration = transitionDuration;
     }
-
     node.style.transition = [theme.transitions.create('opacity', {
       duration,
       delay
@@ -128,7 +109,6 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       delay,
       easing: transitionTimingFunction
     })].join(',');
-
     if (onEnter) {
       onEnter(node, isAppearing);
     }
@@ -148,14 +128,12 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       mode: 'exit'
     });
     let duration;
-
     if (timeout === 'auto') {
       duration = theme.transitions.getAutoHeightDuration(node.clientHeight);
       autoTimeout.current = duration;
     } else {
       duration = transitionDuration;
     }
-
     node.style.transition = [theme.transitions.create('opacity', {
       duration,
       delay
@@ -166,24 +144,20 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
     })].join(',');
     node.style.opacity = 0;
     node.style.transform = getScale(0.75);
-
     if (onExit) {
       onExit(node);
     }
   });
   const handleExited = normalizedTransitionCallback(onExited);
-
   const 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(() => {
     return () => {
       clearTimeout(timer.current);
@@ -214,33 +188,27 @@ const 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.default.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.default.bool,
-
   /**
    * A single child content element.
    */
   children: _utils.elementAcceptingRef.isRequired,
-
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -249,47 +217,38 @@ process.env.NODE_ENV !== "production" ? Grow.propTypes
     enter: _propTypes.default.string,
     exit: _propTypes.default.string
   }), _propTypes.default.string]),
-
   /**
    * If `true`, the component will transition in.
    */
   in: _propTypes.default.bool,
-
   /**
    * @ignore
    */
   onEnter: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onEntered: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onEntering: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onExit: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onExited: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onExiting: _propTypes.default.func,
-
   /**
    * @ignore
    */
   style: _propTypes.default.object,
-
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.

package/Grow/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _Grow.default;
   }
 });
-
 var _Grow = _interopRequireDefault(require("./Grow"));

package/Hidden/Hidden.js

@@ -1,51 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _HiddenJs = _interopRequireDefault(require("./HiddenJs"));
-
 var _HiddenCss = _interopRequireDefault(require("./HiddenCss"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["implementation", "lgDown", "lgUp", "mdDown", "mdUp", "smDown", "smUp", "xlDown", "xlUp", "xsDown", "xsUp"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * Responsively hides children based on the selected implementation.
  */
 function Hidden(props) {
   const {
-    implementation = 'js',
-    lgDown = false,
-    lgUp = false,
-    mdDown = false,
-    mdUp = false,
-    smDown = false,
-    smUp = false,
-    xlDown = false,
-    xlUp = false,
-    xsDown = false,
-    xsUp = false
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-
+      implementation = 'js',
+      lgDown = false,
+      lgUp = false,
+      mdDown = false,
+      mdUp = false,
+      smDown = false,
+      smUp = false,
+      xlDown = false,
+      xlUp = false,
+      xsDown = false,
+      xsUp = false
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   if (implementation === 'js') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HiddenJs.default, (0, _extends2.default)({
       lgDown: lgDown,
@@ -60,7 +47,6 @@ function Hidden(props) {
       xsUp: xsUp
     }, other));
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HiddenCss.default, (0, _extends2.default)({
     lgDown: lgDown,
     lgUp: lgUp,
@@ -74,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.default.node,
-
   /**
    * Specify which implementation to use.  'js' is the default, 'css' works better for
    * server-side rendering.
    * @default 'js'
    */
   implementation: _propTypes.default.oneOf(['css', 'js']),
-
   /**
    * You can use this prop when choosing the `js` implementation with server-side rendering.
    *
@@ -107,66 +87,55 @@ process.env.NODE_ENV !== "production" ? Hidden.propTypes
    * https://caniuse.com/#search=client%20hint
    */
   initialWidth: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
   lgDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
   lgUp: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
   mdDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
   mdUp: _propTypes.default.bool,
-
   /**
    * Hide the given breakpoint(s).
    */
   only: _propTypes.default.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']).isRequired)]),
-
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
   smDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
   smUp: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
   xlDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
   xlUp: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
   xsDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    * @default false

package/Hidden/HiddenCss.js

@@ -1,40 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _base = require("@mui/base");
-
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-
 var _styled = _interopRequireDefault(require("../styles/styled"));
-
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-
 var _hiddenCssClasses = require("./hiddenCssClasses");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["children", "className", "only"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -50,7 +34,6 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _base.unstable_composeClasses)(slots, _hiddenCssClasses.getHiddenCssUtilityClass, classes);
 };
-
 const HiddenCssRoot = (0, _styled.default)('div', {
   name: 'PrivateHiddenCss',
   slot: 'Root'
@@ -70,7 +53,6 @@ const HiddenCssRoot = (0, _styled.default)('div', {
         [theme.breakpoints.only(breakpoint)]: hidden
       };
     }
-
     return dir === 'up' ? {
       [theme.breakpoints.up(breakpoint)]: hidden
     } : {
@@ -83,19 +65,18 @@ const HiddenCssRoot = (0, _styled.default)('div', {
     return r;
   }, {}));
 });
+
 /**
  * @ignore - internal component.
  */
-
 function HiddenCss(props) {
   const {
-    children,
-    className,
-    only
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      children,
+      className,
+      only
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const theme = (0, _useTheme.default)();
-
   if (process.env.NODE_ENV !== 'production') {
     const unknownProps = Object.keys(other).filter(propName => {
       const isUndeclaredBreakpoint = !theme.breakpoints.keys.some(breakpoint => {
@@ -103,26 +84,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" />\`: ${unknownProps.join(', ')}. Did you forget to wrap this component in a ThemeProvider declaring these breakpoints?`);
     }
   }
-
   const breakpoints = [];
-
   for (let i = 0; i < theme.breakpoints.keys.length; i += 1) {
     const breakpoint = theme.breakpoints.keys[i];
     const breakpointUp = other[`${breakpoint}Up`];
     const breakpointDown = other[`${breakpoint}Down`];
-
     if (breakpointUp) {
       breakpoints.push({
         breakpoint,
         dir: 'up'
       });
     }
-
     if (breakpointDown) {
       breakpoints.push({
         breakpoint,
@@ -130,7 +106,6 @@ function HiddenCss(props) {
       });
     }
   }
-
   if (only) {
     const onlyBreakpoints = Array.isArray(only) ? only : [only];
     onlyBreakpoints.forEach(breakpoint => {
@@ -140,7 +115,6 @@ function HiddenCss(props) {
       });
     });
   }
-
   const ownerState = (0, _extends2.default)({}, props, {
     breakpoints
   });
@@ -151,74 +125,60 @@ function HiddenCss(props) {
     children: children
   });
 }
-
 process.env.NODE_ENV !== "production" ? HiddenCss.propTypes = {
   /**
    * The content of the component.
    */
   children: _propTypes.default.node,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * Specify which implementation to use.  'js' is the default, 'css' works better for
    * server-side rendering.
    */
   implementation: _propTypes.default.oneOf(['js', 'css']),
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   lgDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   lgUp: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   mdDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   mdUp: _propTypes.default.bool,
-
   /**
    * Hide the given breakpoint(s).
    */
   only: _propTypes.default.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']))]),
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   smDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   smUp: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   xlDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */
   xlUp: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and down are hidden.
    */
   xsDown: _propTypes.default.bool,
-
   /**
    * If `true`, screens this size and up are hidden.
    */