@mui/material 5.2.8 → 5.3.0

package/node/Slider/Slider.js

@@ -31,11 +31,13 @@ var _styled = _interopRequireWildcard(require("../styles/styled"));
 
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 
+var _shouldSpreadAdditionalProps = _interopRequireDefault(require("../utils/shouldSpreadAdditionalProps"));
+
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["components", "componentsProps", "color", "size"];
+const _excluded = ["component", "components", "componentsProps", "color", "size"];
 
 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); }
 
@@ -110,6 +112,19 @@ const SliderRoot = (0, _styled.default)('span', {
   }
 }));
 exports.SliderRoot = SliderRoot;
+process.env.NODE_ENV !== "production" ? SliderRoot.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.default.node
+} : void 0;
 const SliderRail = (0, _styled.default)('span', {
   name: 'MuiSlider',
   slot: 'Rail',
@@ -136,6 +151,19 @@ const SliderRail = (0, _styled.default)('span', {
   opacity: 1
 }));
 exports.SliderRail = SliderRail;
+process.env.NODE_ENV !== "production" ? SliderRail.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.default.node
+} : void 0;
 const SliderTrack = (0, _styled.default)('span', {
   name: 'MuiSlider',
   slot: 'Track',
@@ -173,6 +201,19 @@ const SliderTrack = (0, _styled.default)('span', {
   });
 });
 exports.SliderTrack = SliderTrack;
+process.env.NODE_ENV !== "production" ? SliderTrack.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.default.node
+} : void 0;
 const SliderThumb = (0, _styled.default)('span', {
   name: 'MuiSlider',
   slot: 'Thumb',
@@ -246,6 +287,19 @@ const SliderThumb = (0, _styled.default)('span', {
   }
 }));
 exports.SliderThumb = SliderThumb;
+process.env.NODE_ENV !== "production" ? SliderThumb.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.default.node
+} : void 0;
 const SliderValueLabel = (0, _styled.default)(_SliderUnstyled.SliderValueLabelUnstyled, {
   name: 'MuiSlider',
   slot: 'ValueLabel',
@@ -291,6 +345,19 @@ const SliderValueLabel = (0, _styled.default)(_SliderUnstyled.SliderValueLabelUn
   }
 }));
 exports.SliderValueLabel = SliderValueLabel;
+process.env.NODE_ENV !== "production" ? SliderValueLabel.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.default.node
+} : void 0;
 const SliderMark = (0, _styled.default)('span', {
   name: 'MuiSlider',
   slot: 'Mark',
@@ -317,6 +384,19 @@ const SliderMark = (0, _styled.default)('span', {
   opacity: 0.8
 }));
 exports.SliderMark = SliderMark;
+process.env.NODE_ENV !== "production" ? SliderMark.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.default.node
+} : void 0;
 const SliderMarkLabel = (0, _styled.default)('span', {
   name: 'MuiSlider',
   slot: 'MarkLabel',
@@ -346,7 +426,9 @@ const SliderMarkLabel = (0, _styled.default)('span', {
   color: theme.palette.text.primary
 }));
 exports.SliderMarkLabel = SliderMarkLabel;
-SliderRoot.propTypes = {
+process.env.NODE_ENV !== "production" ? SliderMarkLabel.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"     |
@@ -355,40 +437,8 @@ SliderRoot.propTypes = {
   /**
    * @ignore
    */
-  children: _propTypes.default.node,
-
-  /**
-   * @ignore
-   */
-  ownerState: _propTypes.default.shape({
-    'aria-label': _propTypes.default.string,
-    'aria-labelledby': _propTypes.default.string,
-    'aria-valuetext': _propTypes.default.string,
-    classes: _propTypes.default.object,
-    color: _propTypes.default.oneOf(['primary', 'secondary']),
-    defaultValue: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.number]),
-    disabled: _propTypes.default.bool,
-    getAriaLabel: _propTypes.default.func,
-    getAriaValueText: _propTypes.default.func,
-    isRtl: _propTypes.default.bool,
-    marks: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.shape({
-      label: _propTypes.default.node,
-      value: _propTypes.default.number.isRequired
-    })), _propTypes.default.bool]),
-    max: _propTypes.default.number,
-    min: _propTypes.default.number,
-    name: _propTypes.default.string,
-    onChange: _propTypes.default.func,
-    onChangeCommitted: _propTypes.default.func,
-    orientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
-    scale: _propTypes.default.func,
-    step: _propTypes.default.number,
-    track: _propTypes.default.oneOf(['inverted', 'normal', false]),
-    value: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.number]),
-    valueLabelDisplay: _propTypes.default.oneOf(['auto', 'off', 'on']),
-    valueLabelFormat: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string])
-  })
-};
+  children: _propTypes.default.node
+} : void 0;
 
 const extendUtilityClasses = ownerState => {
   const {
@@ -402,20 +452,18 @@ const extendUtilityClasses = ownerState => {
   });
 };
 
-const shouldSpreadOwnerState = Component => {
-  return !Component || !(0, _base.isHostComponent)(Component);
-};
-
-const Slider = /*#__PURE__*/React.forwardRef(function Slider(sliderProps, ref) {
+const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
   var _componentsProps$root, _componentsProps$thum, _componentsProps$trac, _componentsProps$valu;
 
   const props = (0, _useThemeProps.default)({
-    props: sliderProps,
+    props: inputProps,
     name: 'MuiSlider'
   });
   const theme = (0, _useTheme.default)();
   const isRtl = theme.direction === 'rtl';
   const {
+    // eslint-disable-next-line react/prop-types
+    component = 'span',
     components = {},
     componentsProps = {},
     color = 'primary',
@@ -439,25 +487,26 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(sliderProps, ref) {
       MarkLabel: SliderMarkLabel
     }, components),
     componentsProps: (0, _extends2.default)({}, componentsProps, {
-      root: (0, _extends2.default)({}, componentsProps.root, shouldSpreadOwnerState(components.Root) && {
+      root: (0, _extends2.default)({}, componentsProps.root, (0, _shouldSpreadAdditionalProps.default)(components.Root) && {
+        as: component,
         ownerState: (0, _extends2.default)({}, (_componentsProps$root = componentsProps.root) == null ? void 0 : _componentsProps$root.ownerState, {
           color,
           size
         })
       }),
-      thumb: (0, _extends2.default)({}, componentsProps.thumb, shouldSpreadOwnerState(components.Thumb) && {
+      thumb: (0, _extends2.default)({}, componentsProps.thumb, (0, _shouldSpreadAdditionalProps.default)(components.Thumb) && {
         ownerState: (0, _extends2.default)({}, (_componentsProps$thum = componentsProps.thumb) == null ? void 0 : _componentsProps$thum.ownerState, {
           color,
           size
         })
       }),
-      track: (0, _extends2.default)({}, componentsProps.track, shouldSpreadOwnerState(components.Track) && {
+      track: (0, _extends2.default)({}, componentsProps.track, (0, _shouldSpreadAdditionalProps.default)(components.Track) && {
         ownerState: (0, _extends2.default)({}, (_componentsProps$trac = componentsProps.track) == null ? void 0 : _componentsProps$trac.ownerState, {
           color,
           size
         })
       }),
-      valueLabel: (0, _extends2.default)({}, componentsProps.valueLabel, shouldSpreadOwnerState(components.ValueLabel) && {
+      valueLabel: (0, _extends2.default)({}, componentsProps.valueLabel, (0, _shouldSpreadAdditionalProps.default)(components.ValueLabel) && {
         ownerState: (0, _extends2.default)({}, (_componentsProps$valu = componentsProps.valueLabel) == null ? void 0 : _componentsProps$valu.ownerState, {
           color,
           size

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.2.8
+/** @license MUI v5.3.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/utils/shouldSpreadAdditionalProps.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _base = require("@mui/base");
+
+const shouldSpreadAdditionalProps = Slot => {
+  return !Slot || !(0, _base.isHostComponent)(Slot);
+};
+
+var _default = shouldSpreadAdditionalProps;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.2.8",
+  "version": "5.3.0",
   "private": false,
   "author": "MUI Team",
   "description": "Quickly build beautiful React apps. MUI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.",
@@ -30,8 +30,8 @@
     "@emotion/react": "^11.5.0",
     "@emotion/styled": "^11.3.0",
     "@types/react": "^16.8.6 || ^17.0.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -45,11 +45,11 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.16.3",
-    "@mui/base": "5.0.0-alpha.64",
-    "@mui/system": "^5.2.8",
+    "@babel/runtime": "^7.16.7",
+    "@mui/base": "5.0.0-alpha.65",
+    "@mui/system": "^5.3.0",
     "@mui/types": "^7.1.0",
-    "@mui/utils": "^5.2.3",
+    "@mui/utils": "^5.3.0",
     "@types/react-transition-group": "^4.4.4",
     "clsx": "^1.1.1",
     "csstype": "^3.0.10",