@mui/material 5.10.12 → 5.10.14

package/Skeleton/Skeleton.js

@@ -1,42 +1,25 @@
 "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 _system = require("@mui/system");
-
 var _base = require("@mui/base");
-
 var _styles = require("../styles");
-
 var _styled = _interopRequireDefault(require("../styles/styled"));
-
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-
 var _skeletonClasses = require("./skeletonClasses");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["animation", "className", "component", "height", "style", "variant", "width"];
-
 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,
@@ -51,7 +34,6 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _base.unstable_composeClasses)(slots, _skeletonClasses.getSkeletonUtilityClass, classes);
 };
-
 const pulseKeyframe = (0, _system.keyframes)`
   0% {
     opacity: 1;
@@ -159,15 +141,15 @@ const Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(inProps, ref) {
     name: 'MuiSkeleton'
   });
   const {
-    animation = 'pulse',
-    className,
-    component = 'span',
-    height,
-    style,
-    variant = 'text',
-    width
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      animation = 'pulse',
+      className,
+      component = 'span',
+      height,
+      style,
+      variant = 'text',
+      width
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = (0, _extends2.default)({}, props, {
     animation,
     component,
@@ -187,66 +169,52 @@ const Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(inProps, ref) {
     }, style)
   }));
 });
-process.env.NODE_ENV !== "production" ? Skeleton.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Skeleton.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 animation.
    * If `false` the animation effect is disabled.
    * @default 'pulse'
    */
   animation: _propTypes.default.oneOf(['pulse', 'wave', false]),
-
   /**
    * Optional children to infer width and height from.
    */
   children: _propTypes.default.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: _propTypes.default.elementType,
-
   /**
    * Height of the skeleton.
    * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
    */
   height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * @ignore
    */
   style: _propTypes.default.object,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-
   /**
    * The type of content that will be rendered.
    * @default 'text'
    */
-  variant: _propTypes.default
-  /* @typescript-to-proptypes-ignore */
-  .oneOfType([_propTypes.default.oneOf(['circular', 'rectangular', 'rounded', 'text']), _propTypes.default.string]),
-
+  variant: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['circular', 'rectangular', 'rounded', 'text']), _propTypes.default.string]),
   /**
    * Width of the skeleton.
    * Useful when the skeleton is inside an inline element with no width of its own.

package/Skeleton/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -20,11 +19,8 @@ Object.defineProperty(exports, "skeletonClasses", {
     return _skeletonClasses.default;
   }
 });
-
 var _Skeleton = _interopRequireDefault(require("./Skeleton"));
-
 var _skeletonClasses = _interopRequireWildcard(require("./skeletonClasses"));
-
 Object.keys(_skeletonClasses).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -36,7 +32,5 @@ Object.keys(_skeletonClasses).forEach(function (key) {
     }
   });
 });
-
 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; }

package/Skeleton/skeletonClasses.js

@@ -1,21 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.getSkeletonUtilityClass = getSkeletonUtilityClass;
-
 var _utils = require("@mui/utils");
-
 var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
-
 function getSkeletonUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiSkeleton', slot);
 }
-
 const skeletonClasses = (0, _utils.unstable_generateUtilityClasses)('MuiSkeleton', ['root', 'text', 'rectangular', 'rounded', 'circular', 'pulse', 'wave', 'withChildren', 'fitContent', 'heightAuto']);
 var _default = skeletonClasses;
 exports.default = _default;

package/Slide/Slide.js

@@ -1,43 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.setTranslateValue = setTranslateValue;
-
 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 _reactTransitionGroup = require("react-transition-group");
-
 var _utils = require("@mui/utils");
-
 var _debounce = _interopRequireDefault(require("../utils/debounce"));
-
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
-
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-
 var _utils2 = require("../transitions/utils");
-
 var _utils3 = require("../utils");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["addEndListener", "appear", "children", "container", "direction", "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; }
-
 // Translate the node so it can't be seen on the screen.
 // Later, we're going to translate the node back to its original location with `none`.
 function getTranslateValue(direction, node, resolvedContainer) {
@@ -45,74 +28,60 @@ function getTranslateValue(direction, node, resolvedContainer) {
   const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
   const containerWindow = (0, _utils3.ownerWindow)(node);
   let transform;
-
   if (node.fakeTransform) {
     transform = node.fakeTransform;
   } else {
     const computedStyle = containerWindow.getComputedStyle(node);
     transform = computedStyle.getPropertyValue('-webkit-transform') || computedStyle.getPropertyValue('transform');
   }
-
   let offsetX = 0;
   let offsetY = 0;
-
   if (transform && transform !== 'none' && typeof transform === 'string') {
     const transformValues = transform.split('(')[1].split(')')[0].split(',');
     offsetX = parseInt(transformValues[4], 10);
     offsetY = parseInt(transformValues[5], 10);
   }
-
   if (direction === 'left') {
     if (containerRect) {
       return `translateX(${containerRect.right + offsetX - rect.left}px)`;
     }
-
     return `translateX(${containerWindow.innerWidth + offsetX - rect.left}px)`;
   }
-
   if (direction === 'right') {
     if (containerRect) {
       return `translateX(-${rect.right - containerRect.left - offsetX}px)`;
     }
-
     return `translateX(-${rect.left + rect.width - offsetX}px)`;
   }
-
   if (direction === 'up') {
     if (containerRect) {
       return `translateY(${containerRect.bottom + offsetY - rect.top}px)`;
     }
-
     return `translateY(${containerWindow.innerHeight + offsetY - rect.top}px)`;
-  } // direction === 'down'
-
+  }
 
+  // direction === 'down'
   if (containerRect) {
     return `translateY(-${rect.top - containerRect.top + rect.height - offsetY}px)`;
   }
-
   return `translateY(-${rect.top + rect.height - offsetY}px)`;
 }
-
 function resolveContainer(containerPropProp) {
   return typeof containerPropProp === 'function' ? containerPropProp() : containerPropProp;
 }
-
 function setTranslateValue(direction, node, containerProp) {
   const resolvedContainer = resolveContainer(containerProp);
   const transform = getTranslateValue(direction, node, resolvedContainer);
-
   if (transform) {
     node.style.webkitTransform = transform;
     node.style.transform = transform;
   }
 }
+
 /**
  * The Slide transition is used by the [Drawer](/material-ui/react-drawer/) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
-
-
 const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
   const theme = (0, _useTheme.default)();
   const defaultEasing = {
@@ -124,28 +93,27 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     exit: theme.transitions.duration.leavingScreen
   };
   const {
-    addEndListener,
-    appear = true,
-    children,
-    container: containerProp,
-    direction = 'down',
-    easing: easingProp = defaultEasing,
-    in: inProp,
-    onEnter,
-    onEntered,
-    onEntering,
-    onExit,
-    onExited,
-    onExiting,
-    style,
-    timeout = defaultTimeout,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = _reactTransitionGroup.Transition
-  } = props,
-        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      addEndListener,
+      appear = true,
+      children,
+      container: containerProp,
+      direction = 'down',
+      easing: easingProp = defaultEasing,
+      in: inProp,
+      onEnter,
+      onEntered,
+      onEntering,
+      onExit,
+      onExited,
+      onExiting,
+      style,
+      timeout = defaultTimeout,
+      // eslint-disable-next-line react/prop-types
+      TransitionComponent = _reactTransitionGroup.Transition
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const childrenRef = React.useRef(null);
   const handleRef = (0, _useForkRef.default)(children.ref, childrenRef, ref);
-
   const normalizedTransitionCallback = callback => isAppearing => {
     if (callback) {
       // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
@@ -156,11 +124,9 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       }
     }
   };
-
   const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
     setTranslateValue(direction, node, containerProp);
     (0, _utils2.reflow)(node);
-
     if (onEnter) {
       onEnter(node, isAppearing);
     }
@@ -177,7 +143,6 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     node.style.transition = theme.transitions.create('transform', (0, _extends2.default)({}, transitionProps));
     node.style.webkitTransform = 'none';
     node.style.transform = 'none';
-
     if (onEntering) {
       onEntering(node, isAppearing);
     }
@@ -195,7 +160,6 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     node.style.webkitTransition = theme.transitions.create('-webkit-transform', transitionProps);
     node.style.transition = theme.transitions.create('transform', transitionProps);
     setTranslateValue(direction, node, containerProp);
-
     if (onExit) {
       onExit(node);
     }
@@ -204,19 +168,16 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     // No need for transitions when the component is hidden
     node.style.webkitTransition = '';
     node.style.transition = '';
-
     if (onExited) {
       onExited(node);
     }
   });
-
   const handleAddEndListener = next => {
     if (addEndListener) {
       // Old call signature before `react-transition-group` implemented `nodeRef`
       addEndListener(childrenRef.current, next);
     }
   };
-
   const updatePosition = React.useCallback(() => {
     if (childrenRef.current) {
       setTranslateValue(direction, childrenRef.current, containerProp);
@@ -227,7 +188,6 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     if (inProp || direction === 'down' || direction === 'right') {
       return undefined;
     }
-
     const handleResize = (0, _debounce.default)(() => {
       if (childrenRef.current) {
         setTranslateValue(direction, childrenRef.current, containerProp);
@@ -270,33 +230,27 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     }
   }));
 });
-process.env.NODE_ENV !== "production" ? Slide.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Slide.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,
-
   /**
    * An HTML element, or a function that returns one.
    * It's used to set the container the Slide is transitioning from.
@@ -304,10 +258,8 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
   container: (0, _utils.chainPropTypes)(_propTypes.default.oneOfType([_utils.HTMLElementType, _propTypes.default.func]), props => {
     if (props.open) {
       const resolvedContainer = resolveContainer(props.container);
-
       if (resolvedContainer && resolvedContainer.nodeType === 1) {
         const box = resolvedContainer.getBoundingClientRect();
-
         if (process.env.NODE_ENV !== 'test' && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
           return new Error(['MUI: The `container` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
         }
@@ -315,16 +267,13 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes
         return new Error(['MUI: The `container` prop provided to the component is invalid.', 'It should be an HTML element instance.'].join('\n'));
       }
     }
-
     return null;
   }),
-
   /**
    * Direction the child node will enter from.
    * @default 'down'
    */
   direction: _propTypes.default.oneOf(['down', 'left', 'right', 'up']),
-
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -337,47 +286,38 @@ process.env.NODE_ENV !== "production" ? Slide.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/Slide/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 _Slide.default;
   }
 });
-
 var _Slide = _interopRequireDefault(require("./Slide"));

package/Slider/Slider.d.ts

@@ -27,8 +27,11 @@ export type SliderTypeMap<
      */
     color?: OverridableStringUnion<'primary' | 'secondary', SliderPropsColorOverrides>;
     /**
-     * The components used for each slot inside the Slider.
-     * Either a string to use a HTML element or a component.
+     * The components used for each slot inside.
+     *
+     * This prop is an alias for the `slots` prop.
+     * It's recommended to use the `slots` prop instead.
+     *
      * @default {}
      */
     components?: {
@@ -41,6 +44,15 @@ export type SliderTypeMap<
       ValueLabel?: React.ElementType;
       Input?: React.ElementType;
     };
+    /**
+     * The extra props for the slot components.
+     * You can override the existing props or add new ones.
+     *
+     * This prop is an alias for the `slotProps` prop.
+     * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+     *
+     * @default {}
+     */
     componentsProps?: SliderUnstyledTypeMap['props']['slotProps'];
     /**
      * Override or extend the styles applied to the component.