@mui/lab 5.0.0-alpha.85 → 5.0.0-alpha.88

package/modern/YearPicker/YearPicker.js

@@ -14,8 +14,9 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const YearPicker = /*#__PURE__*/React.forwardRef(function DeprecatedYearPicker(props) {
+const YearPicker = function DeprecatedYearPicker(props) {
   warn();
   return /*#__PURE__*/_jsx(XYearPicker, _extends({}, props));
-});
+};
+
 export default YearPicker;

package/modern/index.js

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

package/node/CalendarPicker/CalendarPicker.js

@@ -31,9 +31,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const CalendarPicker = /*#__PURE__*/React.forwardRef(function DeprecatedCalendarPicker(props) {
+const CalendarPicker = /*#__PURE__*/React.forwardRef(function DeprecatedCalendarPicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarPicker.CalendarPicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarPicker.CalendarPicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 var _default = CalendarPicker;
 exports.default = _default;

package/node/CalendarPickerSkeleton/CalendarPickerSkeleton.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const CalendarPickerSkeleton = /*#__PURE__*/React.forwardRef(function DeprecatedCalendarPickerSkeleton(props) {
+const CalendarPickerSkeleton = /*#__PURE__*/React.forwardRef(function DeprecatedCalendarPickerSkeleton(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarPickerSkeleton.CalendarPickerSkeleton, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarPickerSkeleton.CalendarPickerSkeleton, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? CalendarPickerSkeleton.propTypes
 /* remove-proptypes */

package/node/ClockPicker/ClockPicker.js

@@ -31,9 +31,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const ClockPicker = /*#__PURE__*/React.forwardRef(function DeprecatedClockPicker(props) {
+const ClockPicker = /*#__PURE__*/React.forwardRef(function DeprecatedClockPicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClockPicker.ClockPicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClockPicker.ClockPicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 var _default = ClockPicker;
 exports.default = _default;

package/node/DatePicker/DatePicker.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const DatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDatePicker(props) {
+const DatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDatePicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.DatePicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.DatePicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? DatePicker.propTypes
 /* remove-proptypes */
@@ -216,11 +218,6 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes
     current: _propTypes.default.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * @ignore
    */

package/node/DateRangePicker/DateRangePicker.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +7,6 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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; }
@@ -32,18 +28,5 @@ const DateRangePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDateRan
   warn();
   return null;
 });
-process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
-} : void 0;
 var _default = DateRangePicker;
 exports.default = _default;

package/node/DateTimePicker/DateTimePicker.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const DateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDateTimePicker(props) {
+const DateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDateTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateTimePicker.DateTimePicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateTimePicker.DateTimePicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
 /* remove-proptypes */
@@ -262,11 +264,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
     current: _propTypes.default.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * @ignore
    */

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopDatePicker(props) {
+const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopDatePicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DesktopDatePicker.DesktopDatePicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DesktopDatePicker.DesktopDatePicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
 /* remove-proptypes */
@@ -198,11 +200,6 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
     current: _propTypes.default.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * @ignore
    */

package/node/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +7,6 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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; }
@@ -32,18 +28,5 @@ const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function Deprecated
   warn();
   return null;
 });
-process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
-} : void 0;
 var _default = DesktopDateRangePicker;
 exports.default = _default;

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopDateTimePicker(props) {
+const DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopDateTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DesktopDateTimePicker.DesktopDateTimePicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DesktopDateTimePicker.DesktopDateTimePicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
 /* remove-proptypes */
@@ -244,11 +246,6 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
     current: _propTypes.default.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * @ignore
    */

package/node/DesktopTimePicker/DesktopTimePicker.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopTimePicker(props) {
+const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedDesktopTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DesktopTimePicker.DesktopTimePicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DesktopTimePicker.DesktopTimePicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes
 /* remove-proptypes */
@@ -177,11 +179,6 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes
     current: _propTypes.default.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * @ignore
    */

package/node/LocalizationProvider/LocalizationProvider.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const LocalizationProvider = /*#__PURE__*/React.forwardRef(function DeprecatedLocalizationProvider(props) {
+const LocalizationProvider = /*#__PURE__*/React.forwardRef(function DeprecatedLocalizationProvider(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes
 /* remove-proptypes */

package/node/Masonry/Masonry.js

@@ -13,6 +13,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _base = require("@mui/base");
 
+var _reactDom = require("react-dom");
+
 var _styles = require("@mui/material/styles");
 
 var _system = require("@mui/system");
@@ -253,9 +255,13 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     });
 
     if (!skip) {
-      setMaxColumnHeight(Math.max(...columnHeights));
-      const numOfLineBreaks = currentNumberOfColumns > 0 ? currentNumberOfColumns - 1 : 0;
-      setNumberOfLineBreaks(numOfLineBreaks);
+      // In React 18, state updates in a ResizeObserver's callback are happening after the paint which causes flickering
+      // when doing some visual updates in it. Using flushSync ensures that the dom will be painted after the states updates happen
+      // Related issue - https://github.com/facebook/react/issues/24331
+      (0, _reactDom.flushSync)(() => {
+        setMaxColumnHeight(Math.max(...columnHeights));
+        setNumberOfLineBreaks(currentNumberOfColumns > 0 ? currentNumberOfColumns - 1 : 0);
+      });
     }
   };
 

package/node/MobileDatePicker/MobileDatePicker.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const MobileDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileDatePicker(props) {
+const MobileDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileDatePicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileDatePicker.MobileDatePicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileDatePicker.MobileDatePicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? MobileDatePicker.propTypes
 /* remove-proptypes */
@@ -209,11 +211,6 @@ process.env.NODE_ENV !== "production" ? MobileDatePicker.propTypes
     current: _propTypes.default.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * @ignore
    */

package/node/MobileDateRangePicker/MobileDateRangePicker.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +7,6 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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; }
@@ -32,18 +28,5 @@ const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function DeprecatedM
   warn();
   return null;
 });
-process.env.NODE_ENV !== "production" ? MobileDateRangePicker.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
-} : void 0;
 var _default = MobileDateRangePicker;
 exports.default = _default;

package/node/MobileDateTimePicker/MobileDateTimePicker.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileDateTimePicker(props) {
+const MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileDateTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileDateTimePicker.MobileDateTimePicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileDateTimePicker.MobileDateTimePicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes
 /* remove-proptypes */
@@ -255,11 +257,6 @@ process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes
     current: _propTypes.default.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * @ignore
    */

package/node/MobileTimePicker/MobileTimePicker.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const MobileTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileTimePicker(props) {
+const MobileTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileTimePicker.MobileTimePicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileTimePicker.MobileTimePicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? MobileTimePicker.propTypes
 /* remove-proptypes */
@@ -188,11 +190,6 @@ process.env.NODE_ENV !== "production" ? MobileTimePicker.propTypes
     current: _propTypes.default.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * @ignore
    */

package/node/MonthPicker/MonthPicker.js

@@ -31,9 +31,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const MonthPicker = /*#__PURE__*/React.forwardRef(function DeprecatedMonthPicker(props) {
+const MonthPicker = /*#__PURE__*/React.forwardRef(function DeprecatedMonthPicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MonthPicker.MonthPicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MonthPicker.MonthPicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 var _default = MonthPicker;
 exports.default = _default;

package/node/PickersDay/PickersDay.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const PickersDay = /*#__PURE__*/React.forwardRef(function DeprecatedPickersDay(props) {
+const PickersDay = /*#__PURE__*/React.forwardRef(function DeprecatedPickersDay(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersDay.PickersDay, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersDay.PickersDay, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? PickersDay.propTypes
 /* remove-proptypes */

package/node/StaticDatePicker/StaticDatePicker.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const StaticDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticDatePicker(props) {
+const StaticDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticDatePicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticDatePicker.StaticDatePicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticDatePicker.StaticDatePicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? StaticDatePicker.propTypes
 /* remove-proptypes */
@@ -187,11 +189,6 @@ process.env.NODE_ENV !== "production" ? StaticDatePicker.propTypes
     current: _propTypes.default.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * @ignore
    */

package/node/StaticDateRangePicker/StaticDateRangePicker.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +7,6 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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; }
@@ -32,18 +28,5 @@ const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function DeprecatedS
   warn();
   return null;
 });
-process.env.NODE_ENV !== "production" ? StaticDateRangePicker.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
-} : void 0;
 var _default = StaticDateRangePicker;
 exports.default = _default;

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticDateTimePicker(props) {
+const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticDateTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticDateTimePicker.StaticDateTimePicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticDateTimePicker.StaticDateTimePicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes
 /* remove-proptypes */
@@ -233,11 +235,6 @@ process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes
     current: _propTypes.default.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * @ignore
    */

package/node/StaticTimePicker/StaticTimePicker.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const StaticTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticTimePicker(props) {
+const StaticTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticTimePicker.StaticTimePicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticTimePicker.StaticTimePicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? StaticTimePicker.propTypes
 /* remove-proptypes */
@@ -166,11 +168,6 @@ process.env.NODE_ENV !== "production" ? StaticTimePicker.propTypes
     current: _propTypes.default.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * @ignore
    */

package/node/TimePicker/TimePicker.js

@@ -33,9 +33,11 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const TimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedTimePicker(props) {
+const TimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedTimePicker(props, ref) {
   warn();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.TimePicker, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimePicker.TimePicker, (0, _extends2.default)({
+    ref: ref
+  }, props));
 });
 process.env.NODE_ENV !== "production" ? TimePicker.propTypes
 /* remove-proptypes */
@@ -195,11 +197,6 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes
     current: _propTypes.default.object
   })]),
 
-  /**
-   * @ignore
-   */
-  key: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * @ignore
    */

package/node/YearPicker/YearPicker.js

@@ -31,9 +31,10 @@ const warn = () => {
 /**
  * @ignore - do not document.
  */
-const YearPicker = /*#__PURE__*/React.forwardRef(function DeprecatedYearPicker(props) {
+const YearPicker = function DeprecatedYearPicker(props) {
   warn();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_YearPicker.YearPicker, (0, _extends2.default)({}, props));
-});
+};
+
 var _default = YearPicker;
 exports.default = _default;

package/node/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "5.0.0-alpha.85",
+  "version": "5.0.0-alpha.88",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -64,9 +64,9 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.84",
-    "@mui/system": "^5.8.3",
-    "@mui/utils": "^5.8.0",
+    "@mui/base": "5.0.0-alpha.87",
+    "@mui/system": "^5.8.6",
+    "@mui/utils": "^5.8.6",
     "@mui/x-date-pickers": "5.0.0-alpha.1",
     "clsx": "^1.1.1",
     "prop-types": "^15.8.1",